タグ

SVGとWebに関するaceraceaeのブックマーク (2)

  • 複雑GUIの会を主催した - No Regrets in Bathing

    GUIの雑談を無限にしたいなぁ」と思い、会を開催しました。 twipla.jp 上記のイベントページを立てて、Twitter上で募集をかけたところ、 この内容だけでピンと来てしまったガチ勢が9人も集まりました。 ドローツールやマインドマップ、作曲ツール等を自作するフルスクラッチマンたちです。 予約したルノアールの会議室は過密状態になってしまいました。 (もう少し広い部屋にしておけば…と後悔しました) (ルノアールです) #複雑GUI会 pic.twitter.com/XDGWs3EwZd— みやおか (@miyaoka) May 2, 2019 職人タイプの方が多かったので終始和やかな雰囲気でしたが、 やはり実装に深入りしていくことが多く、あまりの情報密度に 私も話についていくのが大変だったと自白しておきます。 あと、なぜか開催前に「バウンディングボックス大会」が行われる雰囲気が醸成され

    複雑GUIの会を主催した - No Regrets in Bathing
    aceraceae
    aceraceae 2019/05/04
    最近、jCanvas でツール作りしてるからいろいろ気になる。
  • SVGアイコンを実用するために知っておきたい、リンク周りの記述方法

    2014年6月30日 SVG 以前書いた「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」という記事でSVGの基や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基的な記述方法を覚えて実用化していきましょう! ↑私が10年以上利用している会計ソフト! SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼ることはできません。svg タグの中のオブジェクトを a タグで囲み、xlink:href 属性でURLを指定する必要があります。 <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D" ... > </a> </svg> See the Pen SVG

    SVGアイコンを実用するために知っておきたい、リンク周りの記述方法
    aceraceae
    aceraceae 2014/07/01
    個人的にタイムリーなので
  • 1