ajouter la toile de façon dynamique avec jquery

J'ai inclus la totalité de mon code en ce violon: http://jsfiddle.net/RymyY/

Mes questions face à la 'Ajouter une Forme de" bouton sur le côté gauche.

Je veux être en mesure d'ajouter une nouvelle toile à chaque fois le deuxième bouton ajouter est cliqué, mais je ne peux pas le faire fonctionner. Un code similaire fonctionne dans ce violon ici: http://jsfiddle.net/dzejkej/xwg5f/

Je ne sais pas pourquoi le mien ne fonctionne pas. Je n'ai aucune idée de quoi de mal. S'il vous plaît aider.

merci de le préciser. ajouter des formes dans votre code fonctionne très bien pour moi.
travaillé en qui de violon? le haut ou le bas? mon problème est que le code fonctionne dans le fond de violon (jsfiddle.net/dzejkej/xwg5f), mais pas le top (jsfiddle.net/RymyY).
Il semble fonctionner pour moi: je clique sur "Commencer", "Ajouter une forme", "Rectangle", "Ajouter", et un rectangle dans le coin supérieur gauche de la toile. Ultérieure des rectangles sont tirés au sort au cours des précédentes, bien sûr. Évidemment, les cercles ne sont pas encore mis en œuvre. Donc, ce que la fonctionnalité est manquant, exactement? Que voulez-vous dire exactement par "ajouter une nouvelle toile"?
Nouveau rectangels ne sont pas établis sur la première, c'est juste que seul le premier élément canvas sont remplis avec une couleur.

OriginalL'auteur dopatraman | 2011-12-15

Vous ne devez pas créer plusieurs éléments avec le même ID que vous faites dans le code d'exemple.
document.getElementById('canvas'); renvoie toujours le premier élément avec l'id "toile", comme il se doit.

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

Voici un exemple de travail; http://jsfiddle.net/5b8NH/

OriginalL'auteur Stefan

Vous devez vous connecter pour publier un commentaire.