スポンサーリンク

SVG画像にリンクを貼るには

2013 年 1 月 27 日 コメントをどうぞ コメント

せっかくSVG形式で書き出した綺麗なベクター画像。そのSVG画像にリンクを貼るにはどうすればいいのでしょうか?

..って感じで書ければいいのですが、そううまくはいきません。

どうやらSVGファイル内にリンク先を記述する必要があるようです。

例えばIllustratorで書き出したSVGをテキストエディタで開くとこんな感じになっています。

これを変更します。
xmlns=..と、xmlns:xlink=..の部分を変更しましょう。
そして、<a xlink:href=..にリンクしたいアドレスを追加します。</a>で閉じるのも忘れずに。

これでSVG画像にリンクが貼りつけられました。クリックされると指定先に飛ばせます。
Enjoy!

スポンサーリンク
スポンサーリンク

あわせて読みたい関連記事

カテゴリー: ウェブサイト構築 タグ: ,
  1. コメントはまだありません。
  1. トラックバックはまだありません。

CAPTCHA


スパム防止 * Time limit is exhausted. Please reload CAPTCHA.