markerPen

JavaScript

Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

markerPenはWebページにマーカーで描ける機能を実装することができるシンプルなjQueryプラグインです。マウスをドラッグすることで、それに連動して自由にマーカーで描けます。とてもスムーズに操作できるのがいいですね。

オプションでカラーや不透明度なども設定できる

デモ

Webページ内でマウスをドラッグすると、それに合わせてマーカーが引かれていきます。画面の下には、Hide Markings、Disable markerPen、Clear、Marker、Eraserというメニューが用意されています。

ここから、マーカーの有効/無効を切り替えたりクリアにしたりといった機能を行えます。複雑な機能などは特にないので、シンプルでとても操作しやすいですね。

また、オプションにはcolor、stroke、opacityといった項目が用意されています。好きなカラーを設定したり、ストロークや不透明度を調節したりと、ちょっとしたカスタマイズが可能です。

使いどころは限られるかもしれませんが、Web上で手軽にマーカー機能を実装したいという人は、ぜひ活用してみてはいかがでしょうか?

markerPen

formToWizardステップごとに入力可能なフォームを実装できる「formToWizard」前のページ

シンプルなコンテキストメニューを実装できる「justContext.js」次のページjustContext.js

関連記事

  1. Cube-jQuery-Slider

    JavaScript

    3Dキューブなスライダーを実装できる「Cube-jQuery-Slider」

    Cube-jQuery-Sliderは、3Dキューブなスライダーを実装…

  2. no-image
  3. simplePagination.js
  4. Hover Carousel

    JavaScript

    超軽量なホバーカルーセルを実装できる「Hover Carousel」

    Hover Carouselは超軽量なホバーで動作するカルーセルを実装…

  5. Tip

    JavaScript

    シンプルなUIで使いやすいツールチップ実装「Tip」

    TipはシンプルなUIによる使いやすいツールチップを実装することができ…

  6. Sticky Slider Navigation(Responsive)

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP