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ć biggrin.gif :
http://jsfiddle.net/cqAeD/1/

Precyzując, chce uzyskać taki efekt:


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


PROLBEM ROZWIĄZANY 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');