html2canvas导出照片样式乱,html2canvas生成图片（图片样式和显示样式不一致）

//引入

下载图片

//克隆一个table(因为显示样式与导出样式不一致，所有用此方法解决)

var cloneDom = $(".dataTables_list").clone(true);

//排版，不显示在页面上(不能用display:none，会导致无法生成url)

cloneDom.css({ "position": "absolute", "top": "0px", "z-index": "-1", "width":600 });

$("body").append(cloneDom);

//生成图片下载链接

html2canvas(cloneDom[0]).then(function(canvas)

{

var imgUri = canvas.toDataURL();

//销毁克隆对象

cloneDom.empty();

$("#create_image").attr(‘href‘, imgUri);

$("#create_image").css("display","");

})

原文：https://www.cnblogs.com/gdog/p/10737437.html

html2canvas导出照片样式乱,html2canvas生成图片（图片样式和显示样式不一致）相关推荐

微信小程序在编辑器上样式正常，但在手机上不显示样式
之前做了个小工具(微信上搜 "维尼聚合工具" ),最近有时间,就加了几个功能,在编辑器上的wxss样式是正常的,但在手机上预览就无法显示我目前只发现了一个颜色问题,但产生问题的真 ...
js+html2canvas实现网页放大镜效果：放大镜图片使用css样式background背景图，鼠标移动使用样式background-position动态设置
实现效果: 鼠标移动到需要放大的网页上时,鼠标静止不动500毫秒后,一个长方形的放大镜框显示,放大镜中显示当前区域2.2倍的效果,并且这时候鼠标移动放大的区域也跟着变化.放大镜限制:放大 ...
html2canvas没有样式,html2canvas没有抓住svg(html2canvas not grabbing svg)
html2canvas没有抓住svg(html2canvas not grabbing svg) 当我运行这个: html2canvas(document.body, { allowTaint: tr ...
使用html2canvas将html标签转化为图片
有些时候我们无法用常规的截图工具截取网页内容,这时可以尝试以下方法: 1.首先允许跨域,Chrome浏览器可以在快捷方式->属性->目标栏里添加: --disable-web-securi ...
使用html2Canvas将页面转化为canvas图片，最后长按保存到本地，史上最全 html2canvas 使用踏坑之旅，没有之一
最近工作中遇到一个需求,类似这样点击商品二维码,生成一张带有商品图片.标题.描述.二维码等信息的图片,用户长按进行保存. 在使用html2canvas进行项目开发的时候,遇到很多的问题,主要为一下方 ...
页面样式乱了，但是又感觉各种js，css都引入了
页面样式乱了,但是又感觉各种js,css都引入了怎么办: 一直不太清楚什么原因: <!DOCTYPE html> <html> <head> <meta c ...
webpack加载器打包样式表中的图片和字体
前言 index.html代码 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
配置 postCSS 自动添加 css 的兼容前缀||打包样式表中的图片和字体文件||打包处理 js 文件中的高级语法
配置 postCSS 自动添加 css 的兼容前缀 ① 运行 npm i postcss-loader autoprefixer -D 命令 ② 在项目根目录中创建 postcss 的配置文件 pos ...
laravel项目中css样式表的背景图片不显示
刚学laravel,遇到了很多坑,感觉laravel是挺强大的. 建好后台项目,奈何css样式表的背景图片不显示 .mainhd {background: url(../images/sky/body ...

html2canvas导出照片样式乱,html2canvas生成图片（图片样式和显示样式不一致）

html2canvas导出照片样式乱,html2canvas生成图片（图片样式和显示样式不一致）相关推荐

最新文章

热门文章