ITエンジニア/デザイナ向けにオープンソースを毎日紹介

一つのことにフォーカスして完璧にやり遂げるライブラリは大好きです。色々な機能に手を出すと、どれも中途半端になってしまいます。2割の機能が8割の目的を達成するというのはよくある話で、たくさんの機能はむしろ混乱を招きます。

今回紹介するPerfect Arrowsはその名の通り、完璧な矢印を表示するライブラリです。

Perfect Arrowsの使い方

表示例です。曲がり具合も完璧です。

マウスで自由に開始点、終了点を移動できます。

曲がり具合も変更できます。

開始点からちょっとだけ離したりすることも。

Perfect Arrowsは単体で使うことはないでしょうが、ノードを接続するような表示であったり、Webベースのスライドアプリケーションなどで使えるでしょう。意外と面倒な描画ですが、Perfect Arrowsを使うことで簡単に実装できるでしょう。

Perfect ArrowsはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

デモ

steveruizok/perfect-arrows: A minimal tool for drawing perfect arrows between points and shapes.

 

MOONGIFTの関連記事

  • DevRel
  • Com2