微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 – html canvas:剪辑和文本

我正在使用画布制作一个绘画应用程序,
我想让用户选择只在选定区域绘制.
为此,我可以使用clip()方法.
但如果我希望用户能够在内部绘制字母 – 有没有办法使用clip()作为文本?
还有另一种方法吗?

谢谢

解决方法

你可以这样做但不使用剪辑.剪辑仅适用于路径,文本不是路径.

您需要使用第二个内存(不在页面上)画布才能达到效果.方法如下:

>制作内存中的画布,将其设置为能够包含文本的宽度和高度
>将文本绘制到内存中的画布
>将内存上下文的globalCompositeOperation设置为’source-in’
>绘制要剪切到文本的内容
>使用drawImage(in-memory-canvas,x,y)将新创建的效果放到普通画布上

原文地址:https://www.jb51.cc/html5/168501.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。