有谁有使用HTML5 Canvas 实现蜡笔或者粉笔效果画笔的经验
目前正在研究一个绘图应用，准备用HTML5的Canvas实现，应用很简单，但要实现不同画笔的切换，比如普通画笔，蜡笔，粉笔等，对于蜡笔等材质的画笔，目前Canvas实现起来好像比较难， 下面有一个老外的实现方案
他的方法是在整个Canvas上面放置一个半透明的遮罩，这样一来所有画上去的内容都变成蜡笔材质了，但是这样无法在同一幅画板上实现同时使用不同的画笔进行绘制。
请问大家有什么其他的解决方案或者思路么？最好是验证过的..
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
-
canvas实现材质画笔，的确就是用遮罩来做比较合适了。
之前看到过google官方有个截图后用canvas画画的小demo，是将画出来笔迹生成dom节点，再加以css3变成材质，个人觉得这种方式就是“删除”“移动”等操作比较简便（谁叫canvas事件绑定这么难控制…），但有很大的缺陷，就是dom元素过多层叠，影响页面效率。
再说canvas遮罩方式，觉得是可以实现不同画笔绘制的。可以设置不同的layer，比如layer_a是玻璃材质的图片，layer_b是木材质的图片。layer_a在layer_b上面，最上面再覆盖一层白纸layer_c。用玻璃画笔画时，局部清除layer_c痕迹，露出layer_a；用木画笔时，局部清除layer_c与layer_a，露出layer_b …2019-07-17 18:58:10赞同 展开评论