报错写不支持moveTo是什么原因
来源:3-4 编程练习
Ting111
2020-07-02 14:07:24
<!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 content=canvas.getContext('2d'); canvas.moveTo(0,10); canvas.lineTo(10,10); canvas.stroke(); canvas.strokeStyle='black'; </script> </body> </html>
2回答
Ting111
提问者
2020-07-02
<!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 content=canvas.getContext('2d');
content.moveTo(0,50);
content.lineTo(100,50);
content.lineTo(100,150);
content.lineTo(200,150);
content.lineTo(200,250);
content.lineTo(300,250);
content.lineTo(300,350);
content.lineTo(400,350);
content.lineTo(400,450);
content.stroke();
content.beginPath();
content.moveTo(0,450);
content.lineTo(400,450);
content.strokeStyle='black';
</script>
</body>
</html>
最后一条线没显示
好帮手慕码
2020-07-02
同学你好,声明的变量要和下面调用方法的变量对应起来:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题