Clearing the pixels of the font path in HTML <canvas>
I would like to know how can I create a colored canvas, but with transparent parts with a font. I want the font to create a hole in this canvas. Is this possible and how? My goal is to give the impression that the image is captured in font ...
Thank:)
<canvas>
offers something called clipping compound operations and such effects. I believe the operation you want is called assignment:
https://developer.mozilla.org/samples/canvas-tutorial/6_1_canvas_composite.html
And here are some more technical details in the spec:
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#compositing
I can't provide you with actual working code (your use case is quite rare), but you should find the globalComposite tutorials and with a little reproduction with your code you can learn how to apply the operation for your case.