网页div转换成图片导出——html2canvas

最新推荐文章于 2024-06-12 17:01:21 发布

阿鹏鹏鹏

最新推荐文章于 2024-06-12 17:01:21 发布

阅读量1.4w

点赞数

分类专栏： js前台文章标签： canvas div导出图片

本文链接：https://blog.csdn.net/apeng_1102/article/details/50740436

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<!--此网页演示了html2canvas网页截图下载 -->	
	<head>
		<!-- jquery库和html2canvas库 -->
		<script type="text/javascript" src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
		<script type="text/javascript" src="http://www.boolaw.com/tpl/default/js/jquery-1.8.3.min.js"></script>
		<title>html2canvas网页截图</title>
	
		<!--需要注意的是,这里一定要等待js库和网页加载完毕后再执行函数  -->
		<!-- html2canvas()中,第一个参数是要截图的Dom对象，第二个参数时渲染完成后回调的canvas对象。  -->		
		<script type="text/javascript">
			$(function(){	
				print();
			});
			function print(){	
				html2canvas( $("#canv") ,{  		
					onrendered: function(canvas){
						$('#down_button').attr( 'href' , canvas.toDataURL() ) ;
						$('#down_button').attr( 'download' , &

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿鹏鹏鹏

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
网页div转换成图片导出——html2canvas

html2canvas网页截图 $(function(){ print(); }); function print(){ html2canvas( $("#canv") ,{ onrendered: function(canvas){ $('#down_button').attr( 'href' , ca
复制链接

扫一扫