这样可以吗

来源:4-5 编程练习

unbreakable_全栈

2020-10-12 10:46:18

<!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.fillStyle = 'yellow'

      ctx.translate(100, 200) // 平移

      ctx.rotate(Math.PI / 3) // 旋转

      

      ctx.stroke()

      ctx.scale(0.5, 0.5)

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

    </script>

</body>

</html>



写回答

1回答

好帮手慕星星

2020-10-12

同学你好,代码绘制效果很棒。

建议:不需要使用stroke进行描边,可以去掉

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

继续加油,祝学习愉快

0

0 学习 · 6815 问题

查看课程