Question

目前我正在使用SVG制作一些动画，我希望当有人点击带有SVG的图像时，它会开始下载该图像。

<div class="box">
  <svg width="100%" height="100%">
      ....
  </svg>
  <a href="chief.png" download="chief.png"><img src="chief.png" alt="Chief"/></a>
</div>

如何更改它以便在点击时开始下载？

Answer 1

测试此

<a href="http://www.w3.org/Graphics/SVG/">
  <svg class="Orange" ... >
    <use xlink:href="buttonB.svg#Root"/>
  </svg>
</a>

并查看此页＆gt; http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html

Answer 2

当SVG被锚包裹时，SVG上的点击事件将被发送到锚点。在这种情况下，将触发下载。

<div class="box">
    <a href="chief.png" download="chief.png">
        <svg width="100%" height="100%">
          ....
        </svg>
    </a>
</div>

HTML / SVG：点击下载

2 个答案: