现在的位置: 首页 > 综合 > 正文

涂鸦板制作教程——其中的重做和撤消我觉得不错

2012年09月14日 ⁄ 综合 ⁄ 共 1188字 ⁄ 字号 评论关闭
-----点击预览------
新开窗口地址: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);
}

如果要读绘图保存起来...就把数组转为一个个数据保存在数据库里

抱歉!评论已关闭.