加帆布動態與jQuery

Question

我已經包括了所有的我在這個小提琴代碼：http://jsfiddle.net/RymyY/

我的問題解決在左側的「添加形狀」按鈕。

我希望能夠給每一個第二添加按鈕被點擊時添加一個新的畫布，但我不能讓它的工作。類似的代碼可在此琴在這裏：http://jsfiddle.net/dzejkej/xwg5f/

我不知道爲什麼我的不能正常工作。我不知道什麼是錯的。請幫忙。

Answer 1

因爲你是在示例代碼做你不應該創建具有相同ID的多個元素。 document.getElementById('canvas');總是返回id爲「canvas」的第一個元素，因爲它應該如此。

var elementID = 'canvas' + $('canvas').length; // Unique ID 

$('<canvas>').attr({ 
    id: elementID 
}).css({ 
    width: rectWidth + 'px', 
    height: rectHeight + 'px' 
}).appendTo('#work_area'); 

var canvas = document.getElementById(elementID); // Use the created element 

這是一個工作示例; http://jsfiddle.net/5b8NH/