0 
    <body>
        <input type="button" onClick="toBase64();" value="To Base 64"/>
        <textarea id="data" rows="20" cols="80"></textarea>
        <br>
        <canvas id="canvas" width="490" height="220"></canvas>
        <br>
        <img id="echo">
        <br>
    </body>


 function toBase64() {
      var can = document.getElementById('canvas');
        var base64 = can.toDataURL();
        document.getElementById('data').value = base64;
        $('#echo').attr("src",base64);
    }

出力: "data:image/png;base64, LONG HEX STRING"

上記のコードを使用すると、キャンバスが印刷され、base 64 が問題なく出力されます。

唯一の問題は、以下にリストされているさまざまなブラウザーでこれを行う場合です: -Firefox -QT webkit -Chrome

出力base64サイズは非常に異なります..

例: 文字列の長さ

QT 600,000 程度

クロム 3200 ざっくり

Firefox 600

toDataUrl に送信できるパラメーターはありますか? ブラウザ間で同じことを強制するか、少なくともより類似させるには?

例えば ​​DataUrl("image/png","quality") 品質は数値ですか?

他の推奨事項はありますか？

4

0 に答える 0