私は円を描いてから、円に沿って画像を作ろうとしています。後で、描かれた円に対して画像を回転させたり移動したりしたいと思います。私が直面している問題は、画像を回転させようとすると回転しないことです。また、コンソールにエラーが表示されません。円を移動できる機能があり、画像も一緒に移動しますが、画像を回転させることはできません。
コードは次のとおりです。
draw: function(){
//draw self on canvas;
//intended only to be called from update, should never
//need to be deliberately called
ctx = this.context;
ctx.save();
ctx.fillStyle="#000000";
ctx.beginPath();
//void arc(double x, double y,
// double radius, double startAngle, double endAngle,
// optional boolean anticlockwise = false);
ctx.arc(this.x,this.y,this.size,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();
//ctx.translate(this.x, this.y);
ctx.rotate(this.imgAngle);
//draw the hammer
ctx.drawImage(this.hammer,this.hammerX,this.hammerY,100,100)
ctx.rotate(Math.PI/2);
ctx.restore();
},