markerPen

JavaScript

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

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

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

デモ

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

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

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

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

markerPen

関連記事

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

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  2. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  3. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  4. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  5. Blindify
  6. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP