次を使用してキャンバスを使用して画像をロードしています:
var canvas=document.getElementById('canvas');
var context=canvas.getContext('2d');
context.scale(0.5,0.5);
canvas.setAttribute('width', tempImg.width*0.5);
canvas.setAttribute('height', tempImg.height*0.5);
context.drawImage(tempImg ,0,0,canvas.width,canvas.height);
私は他のキャンバスを使用して、実行時に次を使用して形状を描画しています:
var annCanvas=document.getElementById('annCanvas');
var annContext=annCanvas.getContext('2d');
context.beginPath();
context.lineWidth=4;
context.strokeRect(x,y,w,h);
context.stroke();
両方のキャンバスの位置は絶対的であるため、互いに重なり合っているように見えますが、両方のキャンバスを同時に回転させたい (角度値 90,180,270,0)。
前もって感謝します