在IE 10和Firefox中不工作的SVG模式

Question

这个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 (所有其他浏览器都工作得很好)。

我错过了什么？如何调试这样的情况？

非常感谢。

Answer 1

您已经指定了patternUnits="objectBoundingBox“，因此宽度和高度的值为1是形状的大小。所以你创建的图案大约是你所画的图案大小的80倍，就像创造一个英国大小的图案来画伦敦。

要么使图案宽度和高度合理(即<= 1)，要么使用userSpaceOnUse单元