你好,也许有人知道我在哪里可以找到漂亮和流畅的HTML5画笔,如http://muro.deviantart.com/
我试图找到,但所有画笔只在Photoshop或桌面应用程序。HTML5 JavaScript画笔
-1
A
回答
2
它看起来像你的链接是通过绘制出流畅的线条:
收集所有从鼠标移动来的原始坐标。
应用线条简化算法删除多余的坐标,导致线条中小的不具吸引力的角度弯曲。
下面是由Mike Bostock(真棒D3数据可视化库的创建者)制作的线条简化的一个很好的教程。
http://bost.ocks.org/mike/simplify/
而且,这里是由Kangax(谁也FabricJS的作者 - 一个优秀的绘图画布库)创造了一些很好的画笔样式:
http://perfectionkills.com/exploring-canvas-drawing-techniques/
相关问题
- 1. HTML5画笔笔尖
- 2. HTML5画布 - 不同的笔画
- 3. Html5,JavaScript,画布动画?
- 4. 使用javascript实现画笔
- 5. 圆形笔画的笔画动画以完整笔画结尾
- 6. HTML5画布随着每个笔画变慢并且清除
- 7. HTML5画布,文字和JavaScript
- 8. Javascript/HTML5画布重绘
- 9. Gimp - 锯齿笔和画笔笔划
- 10. 如何摆脱HTML5 Canvas笔画上的羽化边缘?
- 11. 清除HTML5画布中的笔划路径(循环内)
- 12. 在inkpresenter中动画笔画
- 13. CORS与HTML5画布问题,javascript
- 14. JavaScript HTML5画布碰撞检测
- 15. 小工具使用HTML5画布或Javascript
- 16. Javascript内存泄露 - 画布HTML5 jQuery
- 17. 加工与纯Javascript的HTML5画布
- 18. 使用JavaScript动画HTML5进度条
- 19. 使用JavaScript在HTML5中重绘画布
- 20. HTML5画布和JavaScript的document.getElementById()返回null
- 21. 旋转IND的Javascript HTML5画布
- 22. 画布未被绘制html5(javascript,关闭)
- 23. html5画布图像网格在javascript中
- 24. Javascript HTML5捕获keyCode并写入画布
- 25. Javascript HTML5画布绘制透明圆圈
- 26. 从HTML5画布获取值到Javascript
- 27. 是否有可能从使用Javascript的画布获取笔画?
- 28. EaselJS三角笔画
- 29. NSImageView圆角+笔画
- 30. HTML5/CSS3动画
我要投票关闭这个问题作为题外话,因为你问“这是怎么做的”,这通常是针对Stackoverflow问题的焦点话题。 – markE 2015-02-11 16:47:37