麻烦老师检查下代码

来源:4-5 编程练习

Yuri沫

2020-04-22 15:55:12

<!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回答

好帮手慕星星

2020-04-22

同学你好,任务中要求

http://img.mukewang.com/climg/5e9ffbf709a204a005650053.jpg

那么平移的距离应该是(100,200)。参考修改

http://img.mukewang.com/climg/5e9ffc060902325a05180139.jpg

其余绘制没有问题,自己可以再测试下。

祝学习愉快!

0

0 学习 · 4826 问题

查看课程