塗鴉板製作教程——其中的重做和撤消我覺得不錯

-----點擊預覽------
新開視窗地址：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);
}

如果要讀繪圖儲存起來...就把數組轉為一個個資料儲存在資料庫裡