报错ctx.moveTo不是一个function什么情况啊

来源:3-4 编程练习

qq_慕丝1448851

2020-07-22 20:32:32

<!DOCTYPE html><html lang="ch-ZN"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Canvas</title></head><body>    <canvas width="600px" height="600px"></canvas>    <script>        var ctx=document.getElementsByTagName('canvas')[0];        ctx.getContext('2d');        ctx.style.backgroundColor='pink';        ctx.moveTo(0,100);        ctx.lineTo(100,100);        ctx.lineTo(100,200);        ctx.lineTo(200,200);        ctx.lineTo(200,300);        ctx.lineTo(300,300);        ctx.lineTo(300,400);        ctx.lineTo(400,400);        ctx.lineTo(400,500);        ctx.lineTo(0,500);        ctx.stroTo();    </script></body></html>

都是按照步骤一步一步写的啊

写回答

2回答

好帮手慕言

2020-07-23

同学你好,使用同学第二次提供的代码测试,效果是正确的,继续加油,祝学习愉快~

1

qq_慕丝1448851

提问者

2020-07-22

知道了

<!DOCTYPE html><html lang="ch-ZN"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Canvas</title></head><body>    <canvas width="600px" height="600px"></canvas>    <script>        var canvas=document.getElementsByTagName('canvas')[0];        ctx=canvas.getContext('2d');        canvas.style.backgroundColor='pink';        ctx.moveTo(0,100);        ctx.lineTo(100,100);        ctx.lineTo(100,200);        ctx.lineTo(200,200);        ctx.lineTo(200,300);        ctx.lineTo(300,300);        ctx.lineTo(300,400);        ctx.lineTo(400,400);        ctx.lineTo(400,500);        ctx.lineTo(0,500);        ctx.stroke();    </script></body></html>

0

0 学习 · 6815 问题

查看课程