[CANVAS] Wycięcie kwaratu w środku Opcje

[tadeurz]

Witam.
Mam znacznik <CANVAS> , który wypełniam mgłą wojenną (rgba(0,0,0,.1)). Chce w środku tej mgły wyciąć kwadrat o wymiarach 100x100.


Jeśli mogę to proszę nie dawać rad tylko pokazać jak to zrobić (IMG:style_emoticons/default/biggrin.gif) :
http://jsfiddle.net/cqAeD/1/

Precyzując, chce uzyskać taki efekt:
(IMG:http://s21.postimg.org/obv32y7if/asd.png)

Nie chce nic sugerować po próbach z clip() :
http://www.html5canvastutorials.com/advanc...tions-tutorial/


PROLBEM ROZWIĄZANY (IMG:style_emoticons/default/sciana.gif)
Przy wykorzystaniu: canvasShadowDraw.globalCompositeOperation = 'destination-out';

Prawdę mówiąc problemem w moim skrypcie było coś innego. Po konsultacjach z kolegą okazało się że pobierałem inny obiekt DOM (inny idndex). Dlatego nie wycięcie tego 100x100px nie działało

Kod

var fog = $('big_image').children[0]
var ctxDraw = fog.getContext('2d');

Ten post edytował tadeurz 31.08.2013, 22:54:02