Question

这是HTML代码：

<body >
<canvas id ="my_canvas" width =500 height =500></canvas>
</body >

这是我的JavaScript代码：

var canvas = document.getElememtById("my_canvas");
var c=canvas.getContext("2d");
c.beginPath();
c.moveTo(100,200);
c.lineTo(200,200);
c.fill();
c.stroke();
c.endPath();

完成后，我在浏览器中看不到任何内容。

Answer 1

这是你的语法上正确的代码：

＆＃13;

var canvas = document.getElementById("my_canvas");
var c = canvas.getContext("2d");
c.beginPath();
c.moveTo(100,200);
c.lineTo(200,200);
c.closePath();
c.stroke();
c.fill();

＆＃13;

<body >
  <canvas id="my_canvas" width=500 height=500></canvas>
</body >

＆＃13;

您的代码中存在多个语法错误。它是closePath而不是endPath，你的元素的拼写错了。我可能已经匆匆错过了一些。看看语法。

Answer 2

工作例 HTML

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
    </canvas>

的javascript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();

我无法在浏览器中获取我绘制的图片

2 个答案: