JS Pen Tool

credits @reidev275

by Kunal Virk

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://gist.githubusercontent.com/reidev275/4741529/raw/05cff27366d0b4481061411f876ef2e19f8776bc/PenTool.js"></script>
<script src="https://gist.githubusercontent.com/reidev275/4741529/raw/05cff27366d0b4481061411f876ef2e19f8776bc/TopazTool.js"></script>
 <canvas id="canvas" style="border: 1px solid black;"></canvas>
  <p>
    <button id="Clear">Clear</button>
    <button id="Penups">Penups</button>
    <button id="Points">Points</button>
  </p>

JavaScript

var penTool = new PenTool('#canvas');
  var topazTool = new TopazTool('#canvas');

  $("#Clear").click(function () {
    penTool.Clear();
    topazTool.Clear();
  });
  
  $("#Penups").click(function() {
    alert(topazTool.Penups().length);
  });
  
  $("#Points").click(function() {
    alert(topazTool.Points().length);
  });