麻烦老师检查下

来源:3-5 编程练习

Yuri沫

2020-04-22 12:38:53

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas</title>

    <style>

        canvas{background-color:lightpink;}

    </style>

</head>

<body>

    <canvas id="canvas" width="600" height="600">

        您的浏览器不支持canvas

    </canvas>

    <script>

//在此处填写代码

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

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

ctx.moveTo(300,150);

ctx.lineTo(450,450);

ctx.strokeStyle = "blue";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(450,450);

ctx.lineTo(150,450);

ctx.strokeStyle = "green";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(150,450);

ctx.lineTo(300,150);

ctx.strokeStyle = "red";

ctx.stroke();

</script>

</body>


</html>


写回答

1回答

好帮手慕星星

2020-04-22

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 4826 问题

查看课程