We had published javascript library for signature pad using html 5 canvas. In this post we described about how to capture signature using HTML5 Canvas. Here we are using To draw a line using HTML5 Canvas, we can use the beginPath(), moveTo(), lineTo(), and stroke() methods. beginPath() method to declare that we are about to draw a new path. lineTo() method to draw a straight line from the starting position to a new position. we can apply a stroke to the line using stroke().


<canvas id="sign_canvas" width="400" height="250" style="border:1px solid;margin-bottom:10px;"></canvas>

Draw Simple Line :

      var canvas = document.getElementById('sign_canvas');
      var context = canvas.getContext('2d');

      context.moveTo(100, 150);
      context.lineTo(450, 50);

Download Script

Share Your Thoughts

Inline Feedbacks
View all comments
Subscribe Our Channel

Email Subscription
Watch Tutorials
Copyright © 2015 - 2021 PHPEXPERTISE.COM