码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 canvas 在线画笔绘图工具(一) 功能介绍

时间:2015-03-02 06:13:44      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:javascript   绘图工具   在线演示   canvas   html5   

HTML5 canvas 在线画笔绘图工具(一) 功能介绍


这是我用Javascript写的第一个程序,在写的过程中走了很多弯路,所以写完之后想分享出来,给与我一样的初学者做为学习的参考,同时在编写这个程序时我也碰到一些问题,这里我也会一并的提出来给大家讨论,让我们都能得到进步。因为是初学javascript,所以水平较低,欢迎大家提出批评意见。

     程序包含以下内容 1、工具条  2、基本的绘图命令,目前仅有 直线、矩形、圆 ,以后有空还会增加一些命令 3、线型选择

4、颜色选择 5、保存图素 6、打开图形。

   

下面是我儿子的作品,麻烦大家赞一个,谢谢

 技术分享

 

打开保存图片的效果

技术分享

 

在线演示地址


本文出自 “工字头” 博客,请务必保留此出处http://gongzt.blog.51cto.com/9932391/1616335

HTML5 canvas 在线画笔绘图工具(一) 功能介绍

标签:javascript   绘图工具   在线演示   canvas   html5   

原文地址:http://gongzt.blog.51cto.com/9932391/1616335

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!