Question

我有svg文件。在这个文件中我写了模式

 <pattern id="pattern-image" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse" >
     <image id = "mid" xlink:href="4.jpg" x="0" y="0" width="100" height="100"></image>
 </pattern>

当我调用SVG模式不起作用时，文件正常工作

<image xlink:href="img/p_vor_03_1.svg" width="900" height="900"/>

http://i.imgur.com/LA7OOgK.png“在SVG文件中”

http://i.imgur.com/RF1E1X4.png“在SVG文件中”

解决了！我只使用XMLHttpRequest。

Answer 1

当通过<image>标记引用SVG时，它必须在单个文件中完成，即它不能引用其他外部文件。

您需要将模式中的<image>转换为data URL，以便通过<image>

使用模式时

调用svg文件 - 模式不起作用

1 个答案: