在使用html2canvas生成图片的时候,有时候会报这个错Element is not attached to a Document,这是先把标签换成原

生的标签例如div,如果不行再把获取的元素用id获取,不用ref。宽高可以自己设置,

 let id = window.document.getElementById(val + i)
          // 第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
          html2canvas(id, {
            width: ww, //截图宽度
            height: hh, //截图高度
            backgroundColor: null, //画出来的图片有白色的边框,不要可设置背景为透明色(null)
            useCORS: true, //支持图片跨域
            scale: 1, //设置放大的倍数
          }).then((canvas) => {
            // 把生成的base64位图片上传到服务器,生成在线图片地址
            let url = canvas.toDataURL("image/jpg", 0.1); // toDataURL: 图片格式转成 base64
            that.imgSrc = url;
            //   console.log('6666666666', url);
           

          });
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐