transformで移動して表示
canvas = document.getElementById('canvas'); ctx = canvas.getContext('2d'); //標準の四角形 var img = new Image(); img.src = "./test.jpg"; img.onload = function() { // 50,50移動させて表示 ctx.setTransform(1,0.4,0,1,0,0); ctx.drawImage(img, 50, 50,100,200); }