码迷,mamicode.com
首页 > Web开发 > 详细

html2canvas 简单使用

时间:2015-09-15 14:59:54      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:html5   javascript   canvas   screenshot   

<!DOCTYPE html>
<html>
<head>
	<script src="jslib/html2canvas.js"></script>
</head>
<body>
	<h1>this is just the test ... </h1>
	<img src="http://www.baidu.com/img/bd_logo1.png"/>
	<input type="button" value="screenshots" id="screenshotsBtn"/>
	<script>
		var screenshotsBtn = document.getElementById("screenshotsBtn");
		screenshotsBtn.onclick = function(event){
			event.preventDefault();
		    html2canvas(document.body, {
		        allowTaint: true,
		        taintTest: false,
		        onrendered: function(canvas) {
		          document.body.appendChild(canvas);
		        }
		    });
		};
	</script>
</body>
</html>

github地址:http://html2canvas.hertzen.com/

html2canvas 简单使用

标签:html5   javascript   canvas   screenshot   

原文地址:http://antlove.blog.51cto.com/10057557/1694822

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!