html2canvasで、画像がレンダリングされない

Question

html2canvasを使って、htmlを画像にしてFirebase Storage に保存しようとしているのですが
PCとスマホで挙動が違います。

PCだと全部レンダリングされるのですが、スマホだと一部の画像がレンダリングされません。
CORSなどに関しては、表示されている画像と同じFirebase Storageから取得しているので、解決されていると思っています。

使用フレームワークはVueです。

表示れなくなった理由が全く分かりません。
お力添えいただければ、幸いです。

clickBtn() {
      window.scrollTo(0, 0);
      html2canvas(document.querySelector('#id'), { allowTaint: false, useCORS: true, proxy: true, imageTimeout: 0 }).then(canvas => {
        const img = canvas.toDataURL();
        const date = new Date();
        // Base64からバイナリへ変換
        const bin = atob(img.replace(/^.*,/, ''));
        const buffer = new Uint8Array(bin.length);
        for (let i = 0; i < bin.length; i++) {
          buffer[i] = bin.charCodeAt(i);
        }
        // Blobを作成
        const blob = new Blob([buffer.buffer], {
          type: 'image/jpeg',
        });
        const storageRef = firebase.storage().ref();
        // ファイルのパスを設定
        const mountainsRef = storageRef.child(`images/${date}`);
        // ファイルを適用してファイルアップロード開始
        mountainsRef.put(blob).then(snapshot => {
          snapshot.ref.getDownloadURL().then(downloadURL => {
            this.imageUrl = downloadURL;
            console.log(downloadURL);
            this.sendImages(downloadURL);
          }).catch(e => {
            alert(console.error('oops, something went wrong!', e));
          });
        });
      });
    },

Answer 1

html2canvasではなく、vue-html2canvasを使用したら、治りました。