新开窗口地址:http://www.iamkong.com/work/doodle.swf
在制作一个涂鸦板时,首先想到里面有什么部份。
工具 .画板 .预览 .保存
基本流程就是选择判断使用什么工具,颜色,大小,x,y等等数据,保存在数组里面
并在画板显示出来。预览 就是读取数组里面的数据一个一个读出来...就会出现绘画过程。
把一些重点说说
如何制作绘图工具
自由画线 贝赛曲线 直线 等等.........
先要知道这些是怎样画出来的
例如自由画线:
利用好Mouse函数.在Mouse点击/松开/移动 做什么操作
XX.onMouseDown = function() {
//选择自由曲线
if (_root.tool == "free") {
depth =XX.getNextHighestDepth();
XX.createEmptyMovieClip("free"+depth, depth);
fx = _l1._xmouse;
fy = _l1._ymouse;
this.startLine = true;
freeArray = new Array();
freeArray.push({x:fx , y:fy });
}
xx.onMouseUp = function() {
save.push({type:"free", point:freeArray, ......});
}
xx.onMouseMove = function() {
if (_root.tool == "free") {
...
freeArray.push({x:fx, y:fy});
....
}}
预览就是把数组里一个个读出来
function createLine(ox, oy, nx, ny, target, thickness, rgb, alpha) {
var _l1 = target;
xx.moveTo(ox, oy);
xx.lineStyle(thickness, rgb, alpha, "normal", "round", "round", 1);
xx.lineTo(nx, ny);
}
如果要读绘图保存起来...就把数组转为一个个数据保存在数据库里