我需要知道如何制作可以上色的刷子。

图片中的示例:用基本画笔在右侧进行右侧绘画,在左侧使用两种不同的颜色进行绘画,但另外使用涂抹工具,结果应类似于左侧



我需要建议我该如何尝试

最佳答案

您将需要操纵像素以达到污迹效果。

您可以使用context.getImageData从画布获取像素信息。

当用户将虚构画笔移动到现有像素上时,您可以通过以下方式模仿真实画笔的污迹:


使用图像数据计算用户到目前为止已移动的平均颜色。
fillStyle设置为该平均颜色。
将fillStyle的alpha设置为半透明的值(可能为25%)。
用户拖动画笔时,使用半透明的颜色平均填充在现有像素上绘制一系列重叠的圆。
如果特定的客户端设备具有更大的处理能力,则可以通过阴影增强效果。

07-28 10:49