html5 canvas文字涂鸦电子签名板代码

来源:https://www.sucaihuo.com/js/3758.html 2018-06-20 11:38浏览(1232) 收藏

一款非常简单的html5 canvas文字涂鸦电子签名板代码,可以将你的作品输出图片。
html5 canvas文字涂鸦电子签名板代码
分类:html5 > canvas 难易:中级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2