html2canvas边框无法渲染,html2canvas无法正常渲染特定的数据URI

渲染输出这样表示了。

html2canvas代码：

html2canvas(document.getElementById('widgetElemet'), {

logging: true,

profile: true,

useCORS: true,

allowTaint: true,

onrendered: function(canvas) {

var dataURL = canvas.toDataURL();

var param = {

to: emailToArray.validEmails,

cc: emailCCArray.validEmails,

bcc: emailBccArray.validEmails,

emailid: UserDetails.email,

subject: emailSubject,

message: emailMessage,

ImageDataURI: dataURL

}

this.postScreenShot(param)

}.bind(this)

})该图像

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NCA2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQgNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojOTk5OTk5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLjksMjIuMmMwLDMuNS0yLjksNi40LTYuNCw2LjRzLTYuNC0yLjktNi40LTYuNHMyLjktNi40LDYuNC02LjRTMjEuOSwxOC43LDIxLjksMjIuMnogTTQuMiw1MWwyMi4xLTE5CgkgTTQ2LjUsNTEuMUwyNi40LDMyIE0zNy42LDQyLjZsMTEuNi0xMCBNNjIuNCw0NS4xTDQ5LjIsMzIuNyBNNjMsMUgxdjYyaDYyVjF6IE0xLDUxLjRoNjIiLz4KPC9zdmc+Cg==

它看起来对我来说，无论html2canvas库是干什么的，它不理解图像的大小，是一个img标签，或在一个div背景？与其他人有什么不同？ –

那必须是破碎的图像。尝试在photoshop中打开相同的图像，看看是否这是腐败的。 –

@ 2pha它是所有图像中具有src作为数据url的img标记。 –

html2canvas边框无法渲染,html2canvas无法正常渲染特定的数据URI相关推荐

html2canvas边框不现实,html2canvas边框图像问题
我正在使用html2canvas库来截取html视图的截图.html2canvas边框图像问题但背景图像加载失败.我收到错误消息Error loading background: window.ta ...
html2Canvas 边框虚线
html2Canvas 边框虚线:https://blog.csdn.net/qq_33089275/article/details/98956987 在做一个协议签署截图,样式使用的是border的 ...
html2canvas手机黑屏,html2canvas 生成海报图开发中遇到的问题
ios里,生成的图片不显示 canvas.toDataURL('image/jpeg', 1.0) 使用image/jpeg格式,在指定图片格式为 image/jpeg 或 image/webp的情况 ...
html图片视频渲染原理,初识浏览器渲染原理和CSS动画
1.浏览器渲染原理浏览器到底是怎么将一个html文件渲染成生动的页面的?话不多说,直接看图以图中的过程,浏览器的渲染过程大致就是: 通过HTML解析将HTML文件解析为 DOM 树; 通过CSS解 ...
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )
文章目录一. 背景设置产生的过度绘制二. Android 系统的渲染优化 1. 透明组件数据传递 2. GPU 存储机制 3. Android 7.0 之后的优化机制三. 自定义布局渲染优化一 ...
【Android 应用开发】Paint 渲染之 BitmapShader 位图渲染 ( 渲染流程 | CLAMP 拉伸最后像素 | REPEAT 重复绘制图片 | MIRROR 绘制反向图片 )
文章目录 1. 位图渲染 BitmapShader 简介 ( 1 ) 位图渲染综述 ( ① 三种方式 : Shader.TileMode.CLAMP | Shader.TileMode.REPEAT ...
vr降噪器英文是什么_CR渲染器和VR渲染器在3d效果图上的区别
个人倾向于用max2018+VR4.2+CR5.0,安装包可共享. 没有不好用的渲染器,只有不好用的渲染技术.VR更有普遍市场,渲染速度快,CR渲染效果好,尤其灯光效果柔和. 相信不论是大神还是小白, ...
Vue是如何渲染页面的，渲染过程以及原理代码
Vue是如何渲染页面的,渲染过程以及原理代码:https://www.cnblogs.com/ypinchina/p/7238402.html 转载于:https://www.cnblogs.com/ ...
vue html2canvas用法,vue中html2canvas的使用（地图截图）
1,下载html2canvas插件 npm install --save html2canvas 2,引入html2canvas import html2canvas from 'html2canva ...

html2canvas边框无法渲染,html2canvas无法正常渲染特定的数据URI

html2canvas边框无法渲染,html2canvas无法正常渲染特定的数据URI相关推荐

最新文章

热门文章