21674801b3f2

大神 让我痛苦了四天的问题终于解决了~ 特别感谢~@阿畅_

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_
大神 刚刚发了 太麻烦你了~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_ 简信发不了

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_ 字数限制的太厉害了~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_
简信还是邮箱发你 我被这个问题给困住了~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

并且不报错~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

用你发的代码生成的图也是空的~ 😭

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

21674801b3f2

@阿畅_
productionPictures(ele)
let canvasBox = document.getElementById(ele)
这里的ele是什么

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_ 我生成的一整张图都是空白的~😂

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_
Vue3.0 已经可以用了 用了一个多月了~ html2canvas我用的是1.0.0-rc.5 我换成1.0.0-rc.1还是生成空白图~ 大神 求解救 这个问题我倒腾四天了~ 始终不得其法~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_
上面是核心的方法 我用的是vue3.0 用npm install --save html2canvas装的html2canvas
用console.log(imgURL.value) 打印生成的base64是空白图 转成png也是空白图

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_ var options = {
// backgroundColor: null, ///背景色设置为透明
scale: '2', // 添加的scale 参数
canvas: canvas, //自定义 canvas
logging: false, //日志开关，便于查看html2canvas的内部执行流程
width: width, //dom 原始宽度
height: height,
useCORS: true // 【重要】开启跨域配置
}

html2canvas(canvasBox, options).then(canvas => {
// toDataURL 图片格式转成 base64
let dataURL = canvas.toDataURL('image/png')
imgURL.value = dataURL
console.log(imgURL.value)
downloadImage(dataURL)
})

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13

21674801b3f2

@阿畅_ 我应该用的是新版的~ 推荐哪个版本~

vue 使用 html2canvas 把 H5 页面生成图片（海报）

最近在做活动页，有个 H5 页面生成海报图片的功能，本来想着用后端做，但需要把前端代码传到后端，后端在解析生成图片，返回前端，但这么虽然可以，但太麻烦了，并且耗时，虽然感觉减...

阿畅_

10935 31 13