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

标签 javascript html

这是 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();

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

最佳答案

这是语法上正确的代码:

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();
<body >
  <canvas id="my_canvas" width=500 height=500></canvas>
</body >

您的代码中有多个语法错误。 它是 closePath 而不是 endPath,并且您的元素的拼写错误。我可能匆忙地错过了一些。只需看看语法即可。

关于javascript - 我无法在浏览器中获取我绘制的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43175602/

相关文章:

javascript - 如何匹配包含javascript中动态组件的字符串

javascript - 使用带有自定义输出文件名的 webpack Assets 模块

css - 如何使超链接更改溢出中的文本 :hidden div without jumping to the div

html - 在不保持纵横比的情况下拉伸(stretch) svg 背景

javascript - 在 Arduino Yún 上使用 JS 根据其他网站的内容更改 CSS 样式

javascript - JQuery 是否用于 onclick/onchange

javascript - 为什么第一个元素和最后一个元素之间的距离减小?

javascript - 尝试动态加载我的 Angular 脚本会产生 "angular not found"错误

javascript - 如何在 Javascript 中创建一个继承另一个函数的属性和方法的函数?

javascript - jquery特定id文章内容不显示