此博客介绍了如何使用html2canvas库将网页内容转换为图片，包括详细步骤、事件处理和关键代码片段。读者可以学习如何在前端实现打印或导出功能，适合前端开发者和需要屏幕截图的场景。
$(function () {
$("#saveimg_btn").on("click",function (event) {
event.preventDefault();
html2canvas($("#printtable"), {
allowTaint: true,
taintTest: false,
onrendered: function (canvas) {
canvas.id = "mycanvas";
//document.body.appendChild(canvas);
//生成base64图片数据
var dataUrl = canvas.toDataURL("image/png");
var newImg = document.createElement("img");
newImg.src = dataUrl;
document.body.appendChild(newImg);
$(".no_print").hide();
$("#printtable").hide();
}
});
});
});
生成图片
| test |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
