加帆布动态与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/