HTML5的画布能够处理在其中绘制多张图片吗？

Question

4

输出页面：http://tinyurl.com/9stfo3p 代码：http://tinyurl.com/8wz9krj 直接问题：我是在错误的方式下进行操作吗？还是HTML5无法处理这么多图像放在一个画布中？

详情：我使用PhP、HTML5和Javascript编写了一个脚本，以测试我想要完善的试穿功能的代码。当我完成后，它运行良好。然后我开始刷新页面，看看画布加载/响应的速度有多快。

有些图片有时会无法显示，经过几次刷新后，画布中就什么也不会显示。

我决定用这种方式编写代码，这样我就不必费心GD库，如果我想添加一个动态GIF，我也不必对代码做太多修改（或者至少我认为我不需要）。

- j00j00

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jbalsas · Accepted Answer

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

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

如果您只需更改它，则应该起作用：

window.onload = draw;

我已经将你的代码放到了一个fiddle中，你可以在这里看到它的正常工作。