39,084
社区成员
发帖
与我相关
我的任务
分享
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var cxt= c.getContext("2d");
cxt.save();
cxt.translate(100,75);//先设置中心(0,0)点
cxt.rotate(0.25 * Math.PI);//再进行旋转
cxt.scale(0.71, 1);//最后进行缩放。这三步顺序不能错
cxt.beginPath();
cxt.arc(0,0,50, 0, 2 * Math.PI);
cxt.closePath();
cxt.lineWidth = "5";
cxt.strokeStyle="red";
cxt.stroke();
cxt.restore();
</script>