论坛首页 Web前端技术论坛

canvas+js写的绘图小程序

浏览 3409 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-01-30  

前段时间学习canvas写的一个小程序,实现了简单的绘图操作,第一次写比较具体的代码,希望大家支持,多提意见,谢谢。

 

1.文件介绍

Line.js 定义线的绘制方法

Circle.js 定义圆的绘制方法

Rectangle.js 定义长方形的绘制方法

drawBoard.html 主程序逻辑

 

2.主程序逻辑介绍

 

2-1. 鼠标按钮按下时,获得当前的状态,如果是线,创建一个Line对象

2-2. 鼠标按下并移动时,获得当前鼠标位置,开始绘图

2-2. 鼠标抬起时,绘制当前最新的图形

 

详细内容请看附件

  • 大小: 86.6 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics