此html + svg页面（没有javascript）在IE + Firefox上不起作用，而在所有其他浏览器（Chrome，Safari和Opera）上都可以工作。
<svg height="600" version="1.1" width="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="graphics" style="overflow: hidden; position: relative;">
<defs>
<pattern id="A" patternUnits="objectBoundingBox" width="80" height="27">
<image xlink:href="Data/Dialoghi/tl/PN.3000994/A/1.png" width="80" height="27"></image>
</pattern>
... 7更多模式
</defs>
<path fill="url(#A)" d="M31.20418,1.17813L39.54938,1.17813L39.54938,81.79142999999999L11.964579999999998,81.79142999999999C13.448279999999999,68.15012999999999,16.862979999999997,54.26062999999999,21.96358,41.51922999999999C26.683880000000002,28.519329999999993,29.80658,14.937729999999995,31.20418,1.178129999999996Z"></path>
...更多150路径或矩形
仅当我将数字保持在30-40以下时，该页面才能在所有地方使用；在此之后的某个时候，它将完全停止呈现页面，仅在IE 10上显示空白，并使Firefox崩溃（所有其他浏览器都很好用）。
我想念什么？您如何调试这种情况？
非常感谢你。
您已指定patternUnits =“ objectBoundingBox”，因此width和height的值1为形状的大小。因此，您要创建的图案大小是绘制图案所用形状的80倍左右，就像创建大小不列颠的图案以绘制伦敦一样。
使图案的宽度和高度合理（即<= 1）或使用userSpaceOnUse单位
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句