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

markerPen

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

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

デモ

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

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

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

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

markerPen

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives