Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
babyvip229 opened this issue Jul 2, 2019 · 19 comments
Open

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

babyvip229 opened this issue Jul 2, 2019 · 19 comments

Comments

@babyvip229
Copy link

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

@babyvip229
Copy link
Author

image
image

@babyvip229
Copy link
Author

// 获取内容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);
    });

@ChenHuiMing44
Copy link

ChenHuiMing44 commented Jul 2, 2019

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

@babyvip229
Copy link
Author

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

@zch-modier
Copy link

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

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

@dingxiaokai
Copy link

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

@HAVENT81
Copy link

HAVENT81 commented Aug 6, 2019

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

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

后正常了……

@lemondreamtobe
Copy link

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

@lemondreamtobe
Copy link

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

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

@lemondreamtobe
Copy link

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

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

后正常了……

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

@lemondreamtobe
Copy link

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

@lemondreamtobe
Copy link

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

@JonesHuang1992126
Copy link

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

@JonesHuang1992126
Copy link

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

怎么解决啊 大佬 救命啊

@JonesHuang1992126
Copy link

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

请问怎么解决啊 大佬

@JonesHuang1992126
Copy link

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

@valleylmh
Copy link

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

@amqqliang
Copy link

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

@Gzbox
Copy link

Gzbox commented Apr 24, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants