我需要知道如何制作可以上色的刷子。
图片中的示例:用基本画笔在右侧进行右侧绘画,在左侧使用两种不同的颜色进行绘画,但另外使用涂抹工具,结果应类似于左侧
我需要建议我该如何尝试
最佳答案
您将需要操纵像素以达到污迹效果。
您可以使用context.getImageData
从画布获取像素信息。
当用户将虚构画笔移动到现有像素上时,您可以通过以下方式模仿真实画笔的污迹:
使用图像数据计算用户到目前为止已移动的平均颜色。
将fillStyle
设置为该平均颜色。
将fillStyle的alpha设置为半透明的值(可能为25%)。
用户拖动画笔时,使用半透明的颜色平均填充在现有像素上绘制一系列重叠的圆。
如果特定的客户端设备具有更大的处理能力,则可以通过阴影增强效果。