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);
    }

输出：“数据：图像/png；base64，长十六进制字符串”

使用上面的代码，打印画布并输出 base 64，没有任何问题。

唯一的问题是在下面列出的不同浏览器中执行此操作：-Firefox -QT webkit -Chrome

输出base64大小非常不同..

例如字符串长度

大约 600,000 夸脱

铬 3200 大致

Firefox 600 大致上

我可以发送任何参数到DataUrl 吗？在浏览器之间强制相同或至少更相似？

例如对 DataUrl("image/png","quality") 质量是一个数字吗？

还有其他建议吗？

4

0 回答 0