Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么IE10 Mobile不正确地在PNG中呈现我的画布?_Javascript_Html_Windows Phone 8_Html5 Canvas - Fatal编程技术网

Javascript 为什么IE10 Mobile不正确地在PNG中呈现我的画布?

Javascript 为什么IE10 Mobile不正确地在PNG中呈现我的画布?,javascript,html,windows-phone-8,html5-canvas,Javascript,Html,Windows Phone 8,Html5 Canvas,我使用一个蒙版图像作为输入,将其绘制到画布上,然后使用getImageData检测像素的颜色 这在Safari、Chrome、Firefox及其移动版本和Android股票浏览器下都能完美运行。它也可以在IE11中工作,这是我目前作为虚拟机使用的唯一版本 在IE10手机下,它的显示是完全错误的 我已经用一个例子来说明这个问题。在兼容浏览器上,它应显示两个网格。第一个是白色,红色是我选择的面具颜色,第二个是经过处理的版本;黑白相间的 像这样: 然而,Windows Phone 8上的IE10 Mo

我使用一个蒙版图像作为输入,将其绘制到画布上,然后使用getImageData检测像素的颜色

这在Safari、Chrome、Firefox及其移动版本和Android股票浏览器下都能完美运行。它也可以在IE11中工作,这是我目前作为虚拟机使用的唯一版本

在IE10手机下,它的显示是完全错误的

我已经用一个例子来说明这个问题。在兼容浏览器上,它应显示两个网格。第一个是白色,红色是我选择的面具颜色,第二个是经过处理的版本;黑白相间的

像这样:

然而,Windows Phone 8上的IE10 Mobile却完全错误,有点像这样:

忽略JPEG伪影,这是共享屏幕截图的副作用

实际的绘图代码非常简单:

var source = document.createElement('canvas');
source.width = this.width;
source.height = this.height;
source.getContext('2d').drawImage(this, 0, 0);
body.appendChild(source);

正如您在中所看到的,我尝试以各种方式禁用图像平滑,但没有成功。有人知道为什么这不起作用,以及如何修复它吗?

评论说,我刚刚从IE10中获取了Win 8,但没有显示此错误。只有IE10手机。