六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 161|回复: 0

canvas+js写的绘图小程序

[复制链接]

升级  10%

1

主题

1

主题

1

主题

童生

Rank: 1

积分
5
 楼主| 发表于 2013-1-29 08:48:44 | 显示全部楼层 |阅读模式
前段时间学习canvas写的一个小程序,实现了简单的绘图操作,第一次写比较具体的代码,希望大家支持,多提意见,谢谢。
 
1.文件介绍
Line.js 定义线的绘制方法
Circle.js 定义圆的绘制方法
Rectangle.js 定义长方形的绘制方法
drawBoard.html 主程序逻辑
 
2.主程序逻辑介绍
 
2-1. 鼠标按钮按下时,获得当前的状态,如果是线,创建一个Line对象
2-2. 鼠标按下并移动时,获得当前鼠标位置,开始绘图
2-2. 鼠标抬起时,绘制当前最新的图形
 
详细内容请看附件
 


 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表