Question

我完全无能为力，我的svg模式出了什么问题。我在svg的def部分定义了它，然后尝试引用它。但是，一旦我将svg包含在img-tag中，它就不会显示出来。如果我在浏览器中打开它，一切都很好。

请参阅以下示例： http://kijani.co/img/sketch/index.html http://kijani.co/img/sketch/livingroom.svg

我的代码：

<defs>
  <pattern id="paper" patternUnits="userSpaceOnUse" width="200" height="200">
    <image xlink:href="http://kijani.co/img/pattern/paper.jpg" width="200" height="200"/>
  </pattern>
</defs>
<g id="background">
  <path id="paper" fill="url(#paper)" d="..."/>
</g>

这可能是一个非常愚蠢的问题，但我对svg相当新，到目前为止无法在任何地方找到解决方案。

Answer 1

这是svg的参考模式probrem 使用img元素显示svg图像以重新引用外部资源所以你应该使用object元素来显示svg图像，或者通过数据方案格式将模式图像嵌入到svg中。

SVG图案不显示在页面上

1 个答案: