0

我有一个使用两个画布的 Web 应用程序。今天我注意到其中一个画布在 IE9 中无法正确显示。与正确显示的不同，第二个画布的大小参数不是由默认值设置的，而是使用应该在主应用程序启动之前加载的 ImageElement 的尺寸。

但是尽管所有这些在 Chrome 和 Firefox 中都能正常工作，但画布的样式参数仍保持在 0px。

这是我用来设置画布的代码：

tableImage = IMAGES.get(imageName);     
simulatorScreen = Canvas.createIfSupported();   
simulatorScreen.setPixelSize(tableImage.getWidth(),tableImage.getHeight());
simulatorScreen.setCoordinateSpaceWidth(tableImage.getWidth());
simulatorScreen.setCoordinateSpaceHeight(tableImage.getHeight());

IMAGES 是由我的图像加载器创建的一个 Map，其中填充了 ImageElements，键是一个字符串。

4

2 回答 2

0

您可能希望通过检查完整属性来确保已加载图像。如果是，那么您拥有的第二个选项是在 setPixelSize 函数上设置断点并验证参数是否以适当的大小通过。您可以通过点击“F12”键或菜单中的工具 -> F12 开发人员工具来使用 IE 中的集成调试器。

于 2012-09-03T02:52:11.513 回答
0

我发现了问题所在。虽然 Firefox 和 Chrome 支持将图像元素存储在单独的变量中，但 IE 似乎要求将元素显式存储在 DOM 中才能访问其维度属性。它现在可以正常工作。

于 2012-09-03T07:35:47.683 回答