老师,ctx.rotate(Math.PI/3)是顺时针转60度吗?还是逆时针啊?

老师,ctx.rotate(Math.PI/3)是顺时针转60度吗?还是逆时针啊?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvasL</title>

    <style>

        canvas{background-color:lightblue;}

    </style>

</head>

<body>

    <canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>

    <script>

      var canvas=document.getElementById('canvas');

      var ctx=canvas.getContext('2d');

      ctx.translate(200,300);

      ctx.rotate(Math.PI/3);

      ctx.scale(0.5,0.5);

      ctx.fillStyle="yellow";

      ctx.fillRect(100,100,200,300);

    </script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
卡布琦诺 2019-01-01 11:14:34

在canvas中,rotate依然遵循:正值表示顺时针方向旋转,负值表示逆时针方向旋转,因此这里的 ctx.rotate(Math.PI/3);表示顺时针旋转

希望可以帮到你!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师