This time I will share jQuery Plugin and tutorial about Create A Drawing & Signature App With jQuery And HTML5 Canvas, hope it will help you in programming stack.
Basic Canvas Paint is a jQuery plugin used to generate a touch-enabled drawing/paint/signature web app using HTML5 canvas and a little bit JavaScript.
Features:
- Mobile-friendly.
- Color picker.
- Export as an image.
How to use it:
1. Import jQuery JavaScript library and the Basic Canvas Paint plugin’s files into the document.
1 |
<link rel="stylesheet" href="css/bcPaint.css"> |
2 |
<link rel="stylesheet" href="css/bcPaint.mobile.css"> |
4 |
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" |
5 |
crossorigin="anonymous"> |
7 |
<script src="js/bcPaint.js"></script> |
2. Create a container element in which you want to place the canvas.
1 |
<div id="bcPaint"></div> |
3. Initialize the Basic Canvas Paint plugin. Done.
3 |
$('#bcPaint').bcPaint(); |
4. Customize the colors for the color picker.
03 |
$('#bcPaint').bcPaint({ |
05 |
defaultColor : '000000', |
09 |
'000000', '444444', '999999', 'DDDDDD', '6B0100', 'AD0200', |
10 |
'6B5E00', 'FFE000', '007A22', '00E53F', '000884', '000FFF' |
This awesome jQuery plugin is developed by bobkovalex. For more Advanced Usages, please check the demo page or visit the official website.
