<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>jquery 动态添加删除移动dom元素</title>
<script src="js/jquery-1.7.2.js"></script>
<script src="js/html2canvas.js"></script>
<script type="text/javascript">
function queryImgs(){
var currentobj = document.getElementById("imgtest");
html2canvas( [ currentobj ], {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
allowTaint:true
});
}
</script>
</head>
<body>
<div id="fields">
<div class="field">
字段名称：
<input type="text" name="fieldTitle">
<input type="button" class="up" value="上移" onclick="up(this);"/>
<input type="button" class="down" value="下移" onclick="down(this);"/>
<input type="button" class="delete" value="delete"/><br><br><br>
<input type="button" class="up" value="生成图片" onclick="queryImgs();"/>
<br><br><br>
<div class="imgtest" id="imgtest">
<p>this is a test</p>
<p><img src="images/logo_white.png" width="270" height="129"/></p>
</div>
</div>
</div>
<input type="button" value="添加字段" id="add">
<canvas id="myCanvas" style="z-index: 999;">your browser does not support the canvas tag </canvas>
</body>
</html>
根据DOM将html转为canvas图片格式
5星 · 超过95%的资源 需积分: 27 21 浏览量
2013-07-17
16:04:17
上传
评论
收藏 337KB ZIP 举报 
html2img.zip （4个子文件） 
html2img images 
logo_white.png 5KB js 
jquery-1.7.2.js 247KB html2canvas.js 83KB
test17.html 1KB资源评论
yxfox2019-03-19正在研究中，
u0109803062016-06-22很有帮助，谢谢
liu42232661362017-03-17没看懂 研究中
