Javascript 如何为html5画布实现喷漆工具?

Javascript 如何为html5画布实现喷漆工具?,javascript,html,canvas,Javascript,Html,Canvas,我需要实现一个喷漆工具,当鼠标拖动到画布上时会触发该工具。绘图部分很容易,但获得喷漆的笔划是具有挑战性的部分 它看起来应该像一个真实的喷雾,如果阻力停留一段时间,强度会增加。还应该有模糊效果 在谷歌上找到一幅喷漆笔划的图像可能有用,但这只会给我一种颜色。我如何用不同的颜色重新绘制一幅笔划图像?不确定这对你有多大帮助,但我找到了教程。他们创造了一个喷雾工具,我想这就是你想要的效果 实际的是准备使用太 +1极好的答案!我删除了我的重复答案。干杯我在谷歌上搜索了“spraycan canvas htm

我需要实现一个喷漆工具,当鼠标拖动到画布上时会触发该工具。绘图部分很容易,但获得喷漆的笔划是具有挑战性的部分

它看起来应该像一个真实的喷雾,如果阻力停留一段时间,强度会增加。还应该有模糊效果


在谷歌上找到一幅喷漆笔划的图像可能有用,但这只会给我一种颜色。我如何用不同的颜色重新绘制一幅笔划图像?

不确定这对你有多大帮助,但我找到了教程。他们创造了一个喷雾工具,我想这就是你想要的效果


实际的是准备使用太

+1极好的答案!我删除了我的重复答案。干杯我在谷歌上搜索了“spraycan canvas html5”的第一个链接:)我还首次使用了html5 canvas Spray Paint PluginDemo,它在nexus上不起作用:(