报错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
同学你好,使用同学第二次提供的代码测试,效果是正确的,继续加油,祝学习愉快~
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>
相似问题
回答 3