一款非常简单的html5 canvas文字涂鸦电子签名板代码,可以将你的作品输出图片。
js代码
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jSignature.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/flashcanvas.js"></script>
<![endif]-->
<script type="text/javascript" charset="utf-8">
mui.plusReady(function() {
plus.screen.lockOrientation('landscape-secondary');
});
$(document).ready(function() {
$("#signature").jSignature()
});
document.getElementById("clear").addEventListener('tap', function() {
$("#signature").jSignature("reset");
$("#pic")[0].innerHTML = '';
});
document.getElementById("save").addEventListener('tap', function() {
var datapair = $("#signature").jSignature("getData", "image");
var array = datapair.splice(",");
mui.toast(array[1]);
});
document.getElementById("export").addEventListener('tap', function() {
var datapair = $("#signature").jSignature("getData", "image");
var i = new Image();
i.src = "data:" + datapair[0] + "," + datapair[1];
$(i).appendTo($("#pic"));
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791