• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Javascript, canvas - wypełnienie kolorem z wykluczeniem

Cloud VPS
+1 głos
706 wizyt
pytanie zadane 18 grudnia 2015 w JavaScript przez fckueve Dyskutant (9,470 p.)
edycja 18 grudnia 2015 przez fckueve

Witam.

Mam problem z wypełnieniem obszaru kolorem rgba(0, 0, 0, 0.6) całej przestrzeni canvas, z wykluczeniem kół, tak jak na rysunku: 

oczywiście obiektów wykluczonych jest N.

Nie mam pojęcia jak się do tego zabrać. Jak zrobić żeby koła nie zostały wypełnione a wszystko inne tak??

1 odpowiedź

0 głosów
odpowiedź 18 grudnia 2015 przez ScriptyChris Mędrzec (190,190 p.)

Z Canvasem nie pomogę, ale w CSS można to zrobić. Obszar, który ma zostać zamalowany zamknij w div, i daj mu jakiś background-color. Następnie w tym (kolorowym) divie umieść elementy, które nie mają zostać pokolorowane i daj im z-index: 1 (albo 2); Dla pewności, możesz ustawić z-index diva na mniejszy (np. 0 lub 1). Wtedy te elementy (bez kolorów) będą "przed" kolorowym tłem (div) i nie powinny być pokolorowane.

Podobne pytania

0 głosów
1 odpowiedź 124 wizyt
pytanie zadane 30 września 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)
0 głosów
0 odpowiedzi 171 wizyt
pytanie zadane 19 stycznia 2019 w JavaScript przez MrxCI Dyskutant (8,260 p.)
0 głosów
1 odpowiedź 390 wizyt
pytanie zadane 22 listopada 2018 w HTML i CSS przez Daichi Obywatel (1,250 p.)

93,482 zapytań

142,415 odpowiedzi

322,761 komentarzy

62,895 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...