SVG模式不显示在页面(SVG Pattern Doesn't Show on Page)

我完全一无所知，什么是我的SVG图形走错了。 我在SVG的DEF节中定义它，然后试图引用它。 不过，这并不露面一次，我包括一个img标签的SVG。 如果我在浏览器中打开它本身一切都是美好的，但。

请参见下面的例子： 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图像restrected为闯民宅外资源。
所以你应该使用对象元素来显示SVG图像，或嵌入图案图像到由数据格式方案SVG。

文章来源: SVG Pattern Doesn't Show on Page