前端之家收集整理的这篇文章主要介绍了
html5 – html canvas：剪辑和文本，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在使用画布制作一个绘画应用程序,
我想让
用户选择只在选定区域绘制.
为此,我可以使用clip()
方法.
但如果我希望
用户能够在内部绘制字母 – 有没有办法使用clip()作为文本？
还有另一种
方法吗？
谢谢
你可以这样做但不使用剪辑.剪辑仅适用于路径,文本不是路径.
您需要使用第二个内存(不在页面上)画布才能达到效果.方法如下：
>制作内存中的画布,将其设置为能够包含文本的宽度和高度
>将文本绘制到内存中的画布
>将内存上下文的globalCompositeOperation设置为’source-in’
>绘制要剪切到文本的内容
>使用drawImage(in-memory-canvas,x,y)将新创建的效果放到普通画布上
原文链接：https://www.f2er.com/html5/168501.html
