4

输出页面：http ://tinyurl.com/9stfo3p 代码：http ://tinyurl.com/8wz9krj

直接问题：我是不是以错误的方式处理这个问题，还是 HTML5 不能在一个画布中处理这么多图像？

详细信息：我用 PhP、HTML5 和 Javascript 编写了一个脚本，以测试我想要完善的装扮功能的一些代码。当我完成后，它工作得很好。然后我开始刷新页面以查看画布加载/响应的速度。

有些图像有时会显示不出来，再刷新几次后，画布上就什么也没有了。

我以这种方式决定了代码，这样我就不必为 GD 库而烦恼，如果我想添加一个动画 Gif，我不必对代码做太多的事情（或者至少，我不需要认为我必须）。

4

1 回答 1

2

Canvas 可以处理任意数量的图像。

在您的情况下，我看到一个Uncaught TypeError: Cannot call method 'getContext' of null，可能是因为您正在做window.onload = draw()的是立即调用该draw方法，并且在 DOM 准备好之前。

如果您只是将其更改为：

window.onload = draw;

我已经把你的代码放在了一个小提琴中，你可以在这里看到它工作正常

于 2012-09-24T01:04:40.723 回答