我有一个使用两个画布的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,键是一个字符串。
答案 0 :(得分:0)
您可能需要检查完整属性,以确保图片已加载。如果是,则第二个选项是在setPixelSize函数上设置断点,并验证参数是否以适当的大小通过。您可以通过点击“F12”键或工具 - >在IE中使用集成调试器。菜单中的F12开发人员工具。
答案 1 :(得分:0)
我发现了问题所在。虽然Firefox和Chrome支持在单独的变量中存储图像元素,但IE似乎要求将元素显式存储在DOM中以访问其维度属性。它现在正常运作。