Hi all,<br><br>I've tried to work with the globalCompositeOperation [1] over the last days for a particular use case where I am trying to use a gradient to merge with a canvas as a mask. I now wonder if the globalCompositeOperation is indeed meant to be used this way and what transparency means.<br>

<br>For example, "source-in" is defined as:<br>"A in B": Display the source image wherever both the source image and destination image are opaque. Display transparency elsewhere.<br><br>What about partial transparency? I would expect the use of the canvas bitmap B as a mask for the object or image A, where A becomes partially transparent where-ever B is partially transparent. As it stands, browsers do not implement it this way - only completely transparent pixels will create transparency in A, which means when using a gradient that nothing become partially transparent - it's either there or gone.<br>

<br>Should partial transparency in B not be dealt with as partial transparency in the resulting display, too?<br><br>Apologies if this has been dealt with before. I'm looking at it with video as the input medium, i.e. through drawImage(), trying to make it partially transparent.<br>

<br>Cheers,<br>Silvia.<br><br><br>[1] <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation</a><br>

<br>