Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/111.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 IOS HTML5画布在draw/clearRect上的问题_Javascript_Ios_Html_Canvas_Orientation Changes - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript IOS HTML5画布在draw/clearRect上的问题

Javascript IOS HTML5画布在draw/clearRect上的问题

javascript ios html canvas

Javascript IOS HTML5画布在draw/clearRect上的问题,javascript,ios,html,canvas,orientation-changes,Javascript,Ios,Html,Canvas,Orientation Changes,我使用的是iOS 9.3.2，有一个问题，如果我用一组给定的尺寸绘制一幅图像，然后用相同的尺寸擦除该图像（使用clearRect），图像会有一个剩余边缘。为了解决这个问题，我只需调整我将清除的尺寸，直到我旋转手机（手机并不总是坏掉它，但可能有50%的时间会坏掉它）为止。然后边缘会回来。这在Android的chrome浏览器上不是问题，但在safari和iOS的chrome浏览器上都会发生 有人有什么建议吗？我还没有找到任何与此相关的现有问题，但如果您有任何帮助，我将不胜感激！谢谢 这几乎可以肯定

我使用的是iOS 9.3.2，有一个问题，如果我用一组给定的尺寸绘制一幅图像，然后用相同的尺寸擦除该图像（使用clearRect），图像会有一个剩余边缘。为了解决这个问题，我只需调整我将清除的尺寸，直到我旋转手机（手机并不总是坏掉它，但可能有50%的时间会坏掉它）为止。然后边缘会回来。这在Android的chrome浏览器上不是问题，但在safari和iOS的chrome浏览器上都会发生

有人有什么建议吗？我还没有找到任何与此相关的现有问题，但如果您有任何帮助，我将不胜感激！谢谢

这几乎可以肯定是由于在绘制图像时进行了抗锯齿处理

您可以做的一些事情：

  • 始终在整个像素x，y坐标上绘制图像，可能使用：
    ctx.drawImage（img，x | 0，y | 0，w，h）确保在同一空间中清除。如果currentTransform未被整数量偏移，则此功能可能无法正常工作
  • 设置
    ctx.imageSmoothingEnabled=false