HTML2Canvas---合成海報遇到問題總結 -开发者知识库

HTML2Canvas---合成海報遇到問題總結 -开发者知识库,第1张

 

在使用HTML2Canvas合成圖片項目中,通過不同手機測試,發現很多問題,總結一下,分享給大家。

1. 在iPhone的safari瀏覽器上,合成海報分享到微信,會報“網絡錯誤,無法分享”。

解決方案:

var userAgent = navigator.userAgent.toLowerCase();
var bIsIphoneOs = userAgent.match(/iphone os/i) == "iphone os";



if (bIsIphoneOs && userAgent.indexOf("safari") > -1 ) {
    this.imgUrl = URL.createObjectURL(this.base64ToBlob(canvas.toDataURL())) 
}


//base64轉blob
            base64ToBlob(code) {
                let parts = code.split(';base64,');
                let contentType = parts[0].split(':')[1];
                let raw = window.atob(parts[1]);
                let rawLength = raw.length;
     
                let uInt8Array = new Uint8Array(rawLength);
     
                for (let i = 0; i < rawLength;   i) {
                uInt8Array[i] = raw.charCodeAt(i);
                }
                return new Blob([uInt8Array], {type: contentType});
            },

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复