JS JQ将HTML页面转换成图片

您所在的位置:网站首页 将html页面转换成图片 JS JQ将HTML页面转换成图片

JS JQ将HTML页面转换成图片

2024-07-11 15:21| 来源: 网络整理| 查看: 265

引入“html2canvas.js”,是这个版本:

引入其他版本就变得很复杂 代码:

function htmlToimg(ele) { html2canvas(ele, { // 页面高度 height: ele.outerHeight(), // 页面宽度 width: ele.outerWidth(), onrendered: function(canvas) { // 生成图片的地址 ele.find("#down1").attr('src',canvas.toDataURL()); // 图片名字 ele.find("#down1").attr('poster.png') ; } }); }

传入需要转成图片的页面元素即可。jq和js对象都可。 需要注意: 1:若有页面有持续性动画,应该给‘#down1’图片设置透明度,这样既保证微信中长按可保存,也不损失页面中的持续动态效果。 2:若页面显示时有加载动画,应该等该页面所有元素加载完成后再调用,否则图片不全。

为什么要偏偏要引入这个版本的包?因为这个版本的包可以这样简单使用,我也没有发现有截图质量、尺寸等糟心的问题,换了其他版本的包就各种问题,该方法也不能正常使用。效率至上,该研究的总要去研究,但效率更重要。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3