$(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:,
网上找了很多,没找到解决办法!