Draw And Mark On Webpage With markerPen jQuery Plugin

File Size: 5.41 KB
Views Total: 948
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Draw And Mark On Webpage With markerPen jQuery Plugin

Have you ever wanted to highlight something or draw on a web page, but don't have the software? This JavaScript library was made for you.

markerPen is a jQuery plugin that turns your web page into a canvas, allowing your users to mark, paint, doodle and draw on this page with their mouse. Use it to highlight important parts of a web page, write notes or comments and share your creations with friends.

How to use it:

1. Download and insert the main JavaScript markerPen.js after loading the latest jQuery library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/markerPen.js"></script>

2. Initialize the plugin and done.

$(document).ready(function() {
  $.markerPen({
    // options here
  });
});

3. Customize the color, stroke width, and opticty of the marker pen.

$(document).ready(function() {
  $.markerPen({
    "color":"red",
    "stroke":20,
    "opacity":".5"
  });
});

This awesome jQuery plugin is developed by ajarunthomas. For more Advanced Usages, please check the demo page or visit the official website.