SVGに関するtakamintsのブックマーク (1)

  • SVGでツールチップを表示する - 銀の弾丸

    WEBページのインラインSVGにツールチップを表示させる方法は、HTMLとは違うので、以下に両方の方法を書いています。 ツールチップは、画面の要素にマウスポインタを乗せてしばらくすると、説明文などが表示される小さなボックスのことですね。 ホームメイド 製菓用チョコチップ160gposted with amazlet at 18.09.10共立品 売り上げランキング: 114,017 Amazon.co.jpで詳細を見る HTMLの場合 SVGの場合 HTMLの場合 HTMLでは「title属性(Attribute)」です。 title属性に表示したい内容を設定しておけば、マウスポインタを乗せてしばらくすると、ツールチップが表示されます。 以下のHTMLで描いたボックスにマウスを乗せると・・・ HTMLでは「title属性(Attribute)」に設定します。 ソース: <span sty

    SVGでツールチップを表示する - 銀の弾丸
  • 1