How to clone Canvas with Jquery in a Drag n Drop
<p>I need to clone my Cavans every time i Drag him into the dropzone</p>

<p>My Canvas</p>

<pre><code>&lt;canvas id="nota1" class="lego Nota"
width="10" height="20"&gt;
&lt;/canvas&gt;
</code></pre>

<p>My Div(Dropzone)</p>

<p><em>style is in my style.css</em></p>

<pre><code>&lt;div id="section"&gt;&lt;/div&gt;
</code></pre>

<p>My Drag n Drop Function:</p>

<p><em>it is in a different js file</em></p>

<pre><code>$( drag );

function drag() {
  $('.lego.Nota').draggable({
  revert: "invalid",
  cursor: 'move'
});

$('#section').droppable();

}
</code></pre>

<p>It works properly, but when i terminate my drag operation the canvas moves from his original position, i need to move in the dropzone a clone of that and the original stay in position for another drag n drop operation.</p>

<p>How can i do this??</p>