2

基本的に、透明なスペースがたくさんある SVG ロゴがあり、全体を別のページにリンクしたいと考えています。それがアルファ PNG の場合、全体を <a> でラップして完了しますが、すべての <paths> をラップすると、透明な領域がリンクされません。

<svg width="100px" height="52px" enable-background="new 0 0 750.72 391.873">
<a xlink:href="http://www.mysite.com" id="anchor">
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
</a>
</svg>
4

1 に答える 1

1

ビューポートを埋める非表示の四角形 (visibility="hidden") を作成し、pointer-events="all" を設定して、すべてのマウス クリックをキャプチャします。

別の方法として、SVG からリンクを取り出してスタンドアロン ファイルにした場合は、タグを介してリンク先に含め、そのタグをタグで<img>ラップすることができます。<img><a>

于 2012-05-23T17:58:28.490 に答える