var canvas = document.getElementById('canvas');
     var ctx = canvas.getContext('2d');
     
     ctx.translate(200,300);
     ctx.rotate(45);
     ctx.scale(0.5,0.5);
     ctx.fillStyle='yellow';
     ctx.fillRect(100,100,200,300);
     ctx.stroke();

请助教老师帮忙看下是否正确？另外，图形变换的代码书写是不是必须要写在矩形之前呢？这个书写的前后规则是什么？我把图形变换的代码写在ctx.fillRect(100,100,200,300)之后是没效果的！谢谢老师！