html2canvas.js 报错
$(document).ready(function () {
var canvas = document.createElement("canvas")
canvas.width = 1400 // 最终图片宽度280px的2倍,以px为单位
canvas.height = 1000 // 最终图片高度315px的2倍,以px为单位
let opts = {
canvas: canvas, // 将自定义canvas作为配置项
useCORS: true, // 允许图片跨域
height: 500 // 修复截图不完整问题
}
var element = jQuery("#phone-img")[0];
html2canvas(element, opts).then((canvas) => {
/* 此处的base64ImgSrc就是得到的img的base64字符串,直接在页面上显示即可 */
var base64ImgSrc = canvas.toDataURL("image/jpeg");
$('#img').attr('src',base64ImgSrc);
$('#text').text(base64ImgSrc);
})
});
html2canvas.js 报错,求解决办法!
无法获取到base64!
----------------------分割线-----------------
谢谢大家的回答!
把版本降低了,解决了上面的问题,出现了新问题!
目前版本:html2canvas 1.0.0-alpha.10
获取的base64内容为 data:,
网上找了很多,没找到解决办法!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
没遇到过这种情况,搜了一下:
https://www.v2ex.com/t/455984
https://github.com/niklasvh/h...
我用你的js试了下是可以的:codepen例子
能不能把html也贴出来看看。还有html2canvas的版本是什么?
答案来了!
谢谢大家!
引入的旧版本,版本号为html2canvas 0.4.1
下面是执行方法!