Segment

JavaScript

SVG pathをアニメーションさせる軽量のスクリプト「Segment」

SegmentはSVG pathをアニメーションさせる軽量のスクリプトです。滑らかなアニメーションでラインを描けます。easingのタイプもいろいろとあるので、アニメーションにこだわりたい人にもよさそうですね。

Segment

デモ

Segment begin、Segment end、Easing functionの値を指定し、Drawをクリックすると、それに応じたSVG pathが描かれます。

ほかにもいくつかオプションが用意されているので、気になる方は、ぜひチェックしてみてください。

Segment

関連記事

  1. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  2. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  3. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  5. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  6. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP