javascript - Canvas 没有画任何东西?

标签 javascript canvas html5-canvas

我在 Canvas 上绘图时遇到问题,我确信我遗漏了一些明显的东西,但我看不到在哪里。

有一个循环正在运行,应该给我一个铅笔素描效果,事实上,它甚至将所有行正确输出到控制台,并且计时器工作正常,但它实际上并没有在 Canvas 上绘制任何内容。

我确信我要疯了......我已经这样做了一百次了:

http://jsfiddle.net/jabMT/2/

任何帮助将不胜感激。

亚历克斯

最佳答案

http://jsfiddle.net/jabMT/4/

这是固定版本 - 效果不错! :)

你的问题是你将数组作为参数传递给 moveTo 和 bezierCurveTo ,它接受所有值作为单独的参数 - 为了能够仅传递一个数组,你可以使用 apply 方法并将 Canvas 上下文作为方法上下文传递。

还将 Canvas 属性的设置移至 newStroke 方法,因为我认为在每个新点上设置它们没有意义?

关于javascript - Canvas 没有画任何东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9480995/

相关文章:

javascript - 更新按钮单击 Javascript 上的数组

javascript - Canvas 元素 + Javascript 在 Chrome 和 Firefox 中工作,而不在 Internet Explorer 中工作

javascript - 将 JavaScript 的 eval() 与多个依赖函数一起使用

php - 用于更快加载的前端 UI

javascript - jQuery 转换未完成

Android - 从 SurfaceView 访问按钮

javascript - localStorage 与 localSettings

javascript - Sketch.js : Change default brush size

javascript - 剪切区域没有被restore()清除

javascript - 将 HTML Canvas 坐标系转换为笛卡尔坐标系