如何實現HTML5畫布的噴漆工具？

我需要實現一個噴漆工具，當鼠標拖到畫布上時會觸發。繪圖部分很簡單，但獲得噴漆的衝程是具有挑戰性的部分。如何實現HTML5畫布的噴漆工具？

它應該看起來像一個實際的噴霧，如果阻力持續一段時間，強度會增加。還應該有一個模糊效果。

在Google上找到噴漆描邊的圖像可能會起作用，但這隻會給我一種顏色，我怎麼能用不同的顏色重新繪製描邊圖像？

來源

2013-01-05 TheOne

不知道這會幫助你多少，但我發現this教程。他們創造了一種噴霧工具，我認爲這是你正在尋找的效果。

實際的DEMO也可以使用！

來源

2013-01-05 04:11:17

好編輯@arttronics！ –

** + 1 **優秀的答案！我刪除了我的重複答案。乾杯! – arttronics

我google'd「spraycan canvas html5」https://www.google.ca/search?q=spraycan+canvas+html5&oq=spraycan+canvas+html5&aqs=chrome.0.57.3594&sugexp=chrome,mod=18&sourceid=chrome&ie= UTF-8首先鏈接:) –

如何實現HTML5畫布的噴漆工具？

回答

相關問題