フロントエンド開発Blog

オレには鈍器がある

canvas , stroke , ゲージ

ふいにスピードメーターみたいな弧を描いたUIが欲しくなり、実装しました。ゲージというUIはある程度長さが無いと視認性が悪くなるため横長になりがちなのですが、これだと横幅をあまり取りたくない(特にスマートフォンなど)ケースでも見やすいゲージを作れます。

ちなみにライブラリ未使用のため、大抵のプロジェクトにも組み込みやすいように気をつけながら作りました。

今回は5段階しかありませんが、少し改変すれば無段階にできるかと思います。

ページトップへ

関連ページ

ページトップへ