Sorry, forget about this question.<br>I have managed to get it working after all.<br>Apologies,<br>Silvia.<br><br><div class="gmail_quote">On Sat, Aug 21, 2010 at 5:54 PM, Silvia Pfeiffer <span dir="ltr"><<a href="mailto:silviapfeiffer1@gmail.com">silviapfeiffer1@gmail.com</a>></span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">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" target="_blank">http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation</a><br>


<br>
</blockquote></div><br>