html5 canvas签名，生成图片

官网的演示在安卓手机上也不行

猜猜看0
2018/6/8 14:02:42
您好您怎么解决的

手机上面不能用哇，怎么解决

和小恺0
2017/11/6 15:37:04
准确的说应该不是截出来的图片变小了，而是在一开始Createpattern的时候，canvas容器就没有被填充完整，像让图片填充到容器中，拉伸的那种，应该怎么做？？

安卓机只能点小红点  这个怎解决啊  大牛

我用360浏览器是可以的，没用其它浏览器，并且用手机也试了下，能画能写字，iphone7 plus测试通过，不知道其它的

楼主看你的源码没看明白啊。自己写了一个简易版的，只为娱乐。希望以后大神写的插件能把注释加上啊。要不看起来挺吃力。谢谢。<canvas id="c1" width="400px" height="400px"> <!--宽高写在html里，写在css里有问题-->

 <span>
	该浏览器不支持canvas内容
</span>
<!--对于不支持canvas的浏览器显示-->
</canvas>
<input type="button" value="按钮" id="submit" />
<input type="button" value="清除" id="clear" />
<img id="qmimg" />
</body>
<script src="jquery-1.9.1.min.js">
</script>
<script>
	var canvas = document.getElementById('c1');
	var ctx = canvas.getContext('2d') canvas.addEventListener('touchstart',
	function(ev) {
		ev.preventDefault();
		ctx.beginPath();
		ctx.strokeStyle = 'red';
		ctx.lineWidth = "5";
		var ev = ev.touches[0] || window.event.touches[0];
		ctx.moveTo(ev.clientX - canvas.offsetLeft, ev.clientY - canvas.offsetTop);
		canvas.addEventListener('touchmove',
		function(ev) {
			var ev = ev.touches[0] || window.event.touches[0];
			ctx.lineTo(ev.clientX - canvas.offsetLeft, ev.clientY - canvas.offsetTop);
			ctx.stroke();
		})
		//    canvas.addEventListener('touchend',function (ev) {
		//      canvas.onmousemove = null;
		//      canvas.onmouseup = null;
		//    })  }) 
		document.getElementById('clear').addEventListener("click",
		function() {
			canvas.width = canvas.width;
		});
		document.getElementById('submit').addEventListener("click",
		function() {
			$('#qmimg').attr("src", canvas.toDataURL("image/png"));
			console.log('gasg')
		});