title: HTML5 move Canvas object
body: <p>I have 2 canvas created on the same canvas. Is it possible to drag the small black one around? I want to make it draggable but I can not find any online tutorial or demo on this. Is it possible? I had looked to Canvas moveTo or transitions but I was unable to make it work.</p>
  
  <p>The code is here
  <a href="http://jsfiddle.net/35P9F/2/" rel="nofollow noreferrer">http://jsfiddle.net/35P9F/2/</a></p>
  
  <pre><code>  var ctx = document.getElementById('canvas').getContext('2d');
  
    var radgrad3 = ctx.createLinearGradient(255,10,0,180,80,190);
    radgrad3.addColorStop(0, '#00C9FF');
    radgrad3.addColorStop(1, 'red');
  
    ctx.fillStyle = radgrad3;
    ctx.fillRect(0,0,255,255);
  
  
  
    var ctx4 = document.getElementById('canvas').getContext('2d');
    var radgrad4 = ctx4.createLinearGradient(0, 0, 0, 255);
    radgrad4.addColorStop(0, '#000000');
    radgrad4.addColorStop(1, '#ff0000');
  
    ctx4.fillStyle = radgrad4;
    ctx4.fillRect(0,0,25,25);
  </code></pre>
  
  <p>Thank you.</p>