它可能在svg位置插入图片链接吗？答案

【问题标题】：its possible insert a image link in svg position?它可能在svg位置插入图片链接吗？
【发布时间】：2017-06-26 17:13:27
【问题描述】：

我正在尝试在 svg 位置插入带有文本的图片链接

这是我的代码

<svg width="100" height="100">
 <circle cx="20" cy="20" r="20" fill="green" />
       <circle cx="70" cy="70" r="20" fill="purple" />
  <text x="20" y="20" font-family="sans-serif" font-size="20px"     
  fill="red">Hello!</text>
<image      xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg"        />
   </svg>

我怎么能这样做

请帮帮我

【问题讨论】：

你为什么对我们大喊大叫？
对不起，我有一个博客可能会激活
你想把图片做成一个链接，还是把法师和文字都做成一个链接？真的不清楚你想在这里完成什么。

标签： svg position graphic-design

【解决方案1】：

SVG 中的图像 (<image>) 需要指定 width 和 height。如果您不提供宽度和高度，则默认为 0，这意味着图像将不可见。

<svg width="100" height="100">
 <circle cx="20" cy="20" r="20" fill="green" />
       <circle cx="70" cy="70" r="20" fill="purple" />
  <text x="20" y="20" font-family="sans-serif" font-size="20px"     
  fill="red">Hello!</text>
  <image xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg"
         x="10" y="50" width="37" height="37"/>
</svg>

【讨论】：