android - 移动版 Chrome HTML Canvas 宽度限制

Question

我试图在 Canvas 宽度更改后在 HTML Canvas 上显示线条。 在 PC 代码的所有浏览器上工作正常并且线条可见，但在 Android 4.1.1 的 Chrome 上 - 线条不可见。 这是这段代码:

http://jsfiddle.net/dGs4F/2/

$( function()
{
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    canvas.width = 439;

    context.clearRect(0,0, canvas.width, canvas.height);
    context.beginPath();
    context.moveTo(0, 0);
    context.lineTo(1000, 1000);
    context.stroke(); 
} );

如果您将 Canvas 宽度更改为 438，那么在移动设备上也可以看到 chrom 行:

http://jsfiddle.net/dGs4F/

那么，Chrome 有问题还是我遗漏了什么？这条线在两个示例中看起来相同并不重要，问题是这条线在移动 Chrom 上是不可见的:/

我的 Chrome 的详细信息:

• 包版本:1453090
• 包版本名称:27.0.1453.90
• 设备:rk30sdk
• SDK 版本:16
• 版本:4.1.1
• 增量版本:eng.root.20121102.171658
• 代号:REL

而且我确信我的代码适用于以前版本的 Chrome。上次 Chrome 更新后，此代码无效。

Answer 1

由于 Canvas 的 2D 加速(更大的 Canvas 会自动加速)，这是 Android 中最新版 Chrome 的一个已知问题。幸运的是正在调查:

https://code.google.com/p/chromium/issues/detail?id=231082