报错写不支持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>



最后一条线没显示

0
hing111
h 好了,不用回了
h020-07-02
共1条回复

好帮手慕码

2020-07-02

同学你好,声明的变量要和下面调用方法的变量对应起来:

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

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

0

0 学习 · 6815 问题

查看课程