老师,请检查

来源:3-5 编程练习

为爱修行

2019-07-02 17:47:27

<!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,100);
ctx.lineTo(150,300);
ctx.strokeStyle='red';
ctx.stroke();

ctx.beginPath();
ctx.moveTo(300,100);
ctx.lineTo(450,300);
ctx.strokeStyle='blue';
ctx.stroke();

ctx.beginPath();
ctx.moveTo(450,300);
ctx.lineTo(150,300);
ctx.strokeStyle='green';
ctx.stroke();

    </script>
</body>

</html>


写回答

1回答

好帮手慕慕子

2019-07-02

同学你好, 代码正确,效果实现的不错, 继续加油哦

欢迎采纳,祝学习愉快~~~

0

0 学习 · 4826 问题

查看课程

相似问题