HTML5简易在线画图工具 原文:HTML5简易在线画图工具
继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系，这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具：
查看DEMO：HTML5简易在线画图工具
功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等，相对我这个新手来说，感觉挺难的，不过还是参考了资料慢慢“拼”出来了。
自由画笔的思路：
填充文字，主要用到fillText(val,x,y)：
直线工具，主要确定起点和终点，然后lineTo(x,y)就可以了：
最后贴一个空心圆，起点坐标为圆心，鼠标移动距离为半径：
好了，剩下的其他工具代码就不贴了，可以查看DEMO里的源代码。
posted on -02-24 01:00 NET未来之路 阅读(...) 评论(...) 编辑 收藏
