[問題] 實作不同物件的行為

[john110290 (KenMin)]

一樣用這個簡單的繪圖板範例

http://www.blogjava.net/crazycoding/archive/2013/09/13/404016.html

如果我要在網頁裡實做兩塊繪圖板

該怎麼讓他們分別作用呢?

我修改

    canvas = document.getElementById('imageView');
    context = canvas.getContext('2d');
    canvas2 = document.getElementById('imageView2');
    context2 = canvas2.getContext('2d');

    tool = new tool_pencil();

    canvas.addEventListener('mousedown', ev_canvas, false);
    canvas.addEventListener('mousemove', ev_canvas, false);
    canvas.addEventListener('mouseup',   ev_canvas, false);
    canvas2.addEventListener('mousedown', ev_canvas, false);
    canvas2.addEventListener('mousemove', ev_canvas, false);
    canvas2.addEventListener('mouseup',   ev_canvas, false);

之後作的操作都依照各自繪圖板的座標  畫到了第一塊板子上XD
能請指點一下問題所在嗎?
感謝!

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 111.249.0.210
→ mmis1000:因為 tool_pencil 綁在第一塊板子上阿
→ mmis1000:看是改用參數傳元素，還是乾脆初始化兩個工具吧
→ john110290:不好意思我很新手  想再問深入一點  如果我想要非常多
→ john110290:板子  哪種方法比較好?  謝謝!
→ john110290:恩...  還有我真的看不懂  有沒有更多的提示  =____=a
→ dlikeayu:你沒發現你tool_pencil這物件裏面畫到的都是第一個板子嗎
→ dlikeayu:你把tool_pencil這class改帶參數進去；參數為板子自己
→ dlikeayu:讓板子自己去做自己的事