有谁有使用HTML5 Canvas 实现蜡笔或者粉笔效果画笔的经验

Question

目前正在研究一个绘图应用，准备用HTML5的Canvas实现，应用很简单，但要实现不同画笔的切换，比如普通画笔，蜡笔，粉笔等，对于蜡笔等材质的画笔，目前Canvas实现起来好像比较难， 下面有一个老外的实现方案http://www.williammalone.com/articles...他的方法是在整个Canvas上面放置一个半透明的遮罩，这样一来所有画上去的内容都变成蜡笔材质了，但是这样无法在同一幅画板上实现同时使用不同的画笔进行绘制。请问大家有什么其他的解决方案或者思路么？最好是验证过的..

Answer 1

呵呵，最终是用strokeStyle设置成一个Pattern的笔触画线，然后将 globalCompositeOperation 设置为 source-atop 的方式再画一边进行着色 ， 效果还不错.. `