LeaderLineという HTML の要素を矢印で結んでくれるライブラリが便利そうだったのでメモ。
† 実際の使用例
使い方は簡単で leader-line.min.js を読み込んだら、LeaderLine というオブジェクトを作るだけです。
npm に入っているので今回はjsdelivr からロードするようにしてみました。
極簡単な例ですが、start と end を矢印で結ぶとこんな感じになります。モダンな見た目なのが、なかなかいいですね。
ここから ここまでを矢印でつなぐ。
実際のコードもこんな感じでシンプルな記述です。
† 参考
このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/9808
コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。
OpenID を使ってログインすることができます。