Html2canvas: iphone X在内容多的情况下无法生存图片。

Created on 2 Jul 2019  ·  19Comments  ·  Source: niklasvh/html2canvas

iphone X在内容多的情况下无法生存图片,bate64返回的url是” data:, “,安卓正常,iphone 除 iphone X正常,PC端正常。官方看看是什么情况?

All 19 comments

image
image

// 获取内容id
var content = document.getElementById("uiShareContent");

    // 进行canvas生成
    html2canvas(content,{
        useCORS:true,
        logging:true
    }).then(function(canvas) {
        //添加属性
        canvas.setAttribute('id','attThecanvas');
        //读取属性值
        document.getElementById('uiShareCover').innerHTML = '';
        document.getElementById('uiShareCover').appendChild(canvas);

        var oCanvas = document.getElementById("attThecanvas");

        /* 保存为png bate64 */
        var imageSrc = Canvas2Image.saveAsPNG(oCanvas, true).getAttribute('src');

        $('#uiShareCoverImg').attr('src',imageSrc);
    });

我和你情况一样,但是iphone plus也无法生成图片

已经解决了,是因为 bate64对字数限制产生的问题。

已经解决了,是因为 bate64对字数限制产生的问题。

请问那你是怎么缩短生成的base64的长度的?

您好,这个问题最终是怎么解决的呢,有具体的解决方案吗

我也遇到了相同的问题,在 iPhone 下面完全无法生成图片,最后我

尝试降级版本到 1.0.0-rc.1

后正常了……

一样的问题。问下如何解决

已经解决了,是因为 bate64对字数限制产生的问题。

解决了都不贴解决方案 不行啊 awsl

我也遇到了相同的问题,在 iPhone 下面完全无法生成图片,最后我

尝试降级版本到 1.0.0-rc.1

后正常了……

我的也是1.0.0-rc.1 并不行

我尝试1.0.0-rc.1 升级到1.0.0-rc.3 可以解决

后续来了 升级了版本之后 内容多了还是返回data: '

我和你们遇到的问题是一模一样 请问怎么解决啊 大佬们 救命啊

后续来了 升级了版本之后 内容多了还是返回data: '

怎么解决啊 大佬 救命啊

已经解决了,是因为 bate64对字数限制产生的问题。

请问怎么解决啊 大佬

降级到0.5.0-beta4问题解决 但是有其他小毛病 但是我的需求满足了 希望能帮助大家

说下我的解决方案是将base64转成http形式的链接,将base64格式的字符串上传七牛云转成图片链接,就可以兼容iPhone低版本无法加载loading image base64的问题。

          html2canvas(document.body, {
            scale: window.devicePixelRatio > 2 ? 2: window.devicePixelRatio
          }).then(...);

有个可以解决问题的办法,如果有滚动条,先让滚动条回到顶部scrollTop(0),然后再调用html2canvas截图

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dking3876 picture dking3876  ·  4Comments

ABHIKSINGHH picture ABHIKSINGHH  ·  3Comments

arzyu picture arzyu  ·  3Comments

kunal886496 picture kunal886496  ·  3Comments

Josh10101010 picture Josh10101010  ·  3Comments