在HTML中清除字體路徑的像素<canvas>

Question

我想知道如何創建一個彩色的畫布，但透明的部分與字體。我希望字體在這個畫布上創建一個洞。這是可能的和如何？我的目標是給人的印象就是一個圖像中的字體embbed ...

謝謝:)

Answer 1

<canvas>提供一些所謂的複合操作進行切斷，這樣的效果。我相信你想要的操作被稱爲目的地了：

https://developer.mozilla.org/samples/canvas-tutorial/6_1_canvas_composite.html

這裏是在規範中一些技術細節：

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#compositing

我不能爲你提供一個實際的工作代碼（你的用例很少見），但你應該能夠找到一個教程，並且很少玩他們的代碼，你可以找到如何將這個操作應用於你的情況。