HTML5 DrawImage破碎在Android Chrome上

HTML5 DrawImage Broken on Android Chrome

本文关键字:Chrome Android DrawImage 破碎 HTML5      更新时间:2023-09-26

以下代码适用于Chrome for Windows,但无法在Chrome for Android的画布上绘制任何内容。我在服务器上正确地实现了CORS。什么好主意吗?

var img = document.createElement("img");
var ctx = document.createElement("canvas").getContext("2d");
img.crossOrigin = "anonymous"
document.body.appendChild(ctx.canvas);
identicon.onload = function() {
    ctx.canvas.width = img .width;
    ctx.canvas.height = 1;
    ctx.drawImage(img ,0,0)
}
img.src = "http://urltoimage";

我使用的是位图,Android上的Chrome不支持。切换到PNG格式就可以了