GetImagedata()，使用Cocoonjs Canvas 在Nexus 4上不起作用

Question

我正在编写一个小型演示程序来测试Canvas 性能。但是getimagedata（），putimagedata（）似乎不起作用。它在画布上留下了一个黑色正方形。当然要考虑到窗口，宽度和高度的半尺寸。DevicePixelratio为2，在某个地方必须存在不兼容的东西。该程序在Chrome浏览器中运行良好。但不会使用Cocoonjs发射器2.1.1。

代码：

I 'm using requestAnimationFrame(loop);
ctx.drawImage(origin_img,0,0,410, 180, 0, 0, width, height);
texture = ctx.getImageData(0,0,width,height);
loop{
ctx.clearRect(0,0,ctx.canvas.width,ctx.canvas.height);
ctx.fillStyle = 'red';
ctx.fillRect(0,0,width, height);
ctx.putImageData(texture, 0, 0);
}

结果是：我可以看到一个红色矩形，上面有1/4尺寸的黑色矩形。谁能帮我吗？

ctx.drawimage（）将在程序中工作。

===========================

谢谢！我在
上发布了我的代码http://spikeyang.boxshell.com/static/js/src.zip

请单击第三链接，water_ripple以查看结果。请单击右上按钮以返回主页。主JS文件是JS/Demo.js。主要功能是WaterRippleLoop（）。我正在尝试一些水纹波SIM卡代码。

Answer 1

我过去曾经使用过getimagedata和putimagedata，它们在canvas 中工作正常。一些问题：

1.-您是否使用Canvas 在另一台Android设备（或iOS设备）上进行了测试，并且它是否有效？2.-您可以提供整个示例源代码吗？越简单越好。

问候，iker。

Answer 2

我已经进一步研究了该问题，无论如何在2.1中都没有工作。尽管如此，正如您所说

因此，我认为这是最新的Cooconjs版本中的一个错误，我将创建一个错误报告以获取有关该问题的更多信息。

为了澄清我创建了一个很小的测试用例以显示问题：https://www.dropbox.com/s/j9zbjzhijxjxk54/test_case.zip?dl=0

在我的测试案例2中，应显示我用getimagedata在顶部复制一张图片，然后用putimagedata再次显示。

普通浏览器（Chrome）：https://www.dropbox.com/s/782akzq2cguek2j/photo_2015-05-21_20-21_20-43-05.jpg?dl = 0

库孔（只有一张图片）：https://www.dropbox.com/s/j20qnti0y3rw0gt/photo_2015-05-21_20-43-10.jpg?dl = 0