老师 您好 帮我看看效果吧

来源:3-5 编程练习

小虾虾小

2019-11-06 15:21:11

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas3-5</title>

    <style>

        canvas{background-color:lightpink;}

    </style>

</head>

<body>

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

        您的浏览器不支持canvas

    </canvas>

    <script>

//在此处填写代码

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

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

    ctx.moveTo(100,400);

    ctx.lineTo(300,200);

    ctx.strokeStyle = 'red';

    ctx.stroke();

    ctx.beginPath();

    ctx.moveTo(300,200);

    ctx.lineTo(500,400);

    ctx.strokeStyle = 'blue';

    ctx.stroke();

    ctx.beginPath();

    ctx.moveTo(500,400);

    ctx.lineTo(100,400);

    ctx.strokeStyle = 'green';

    ctx.stroke();

</script>

</body>


</html>


写回答

1回答

好帮手慕码

2019-11-06

同学你好!

效果实现正确,继续加油!

如果帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程