java涂鸦_HTML5 canvas 在线涂鸦

插件地址

采用技术

jq-signature.min.js

Developed using jQuery 2.1.4.

Insert title here

$(function(){

$('.js-signature').jqSignature();

})

function clearCanvas() {

$('#signature').html('

Your signature will appear here when you click "Save Signature"

');

$('.js-signature').eq(1).jqSignature('clearCanvas');

$('#saveBtn').attr('disabled', true);

}

function saveSignature() {

$('#signature').empty();

var dataUrl = $('.js-signature').jqSignature('getDataURL');

var img = $('').attr('src', dataUrl);

$('#signature').append($('

').text("Here's your signature:"));

$('#signature').append(img);

}

$('.js-signature').eq(1).on('jq.signature.changed', function() {

$('#saveBtn').attr('disabled', false);

});

Clear Canvas

Save Signature

Your signature will appear here when you click "Save Signature"

截图