Javascriptista

キャンバスの一部をコピーして、再レンダリングする方法です。contextオブジェクトのgetImageData、putImageData

DEMO

  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');

  //画像を表示
  var curImage = new Image();
  curImage.src = 'test.jpg';
  curImage.onload = function(){
    ctx.drawImage(curImage, 0,0,200,200);

    キャンバスのイメージの一部をコピー
    var imgData = ctx.getImageData(100, 100, 150, 150);
    座標を指定してペースト
    ctx.putImageData(imgData, 300, 300);
  }

同一キャンバスじゃなくても別のキャンバスからコピペすることが可能です。