javascript - IOS HTML5 Canvas 上 draw/clearRect 问题
<p><p>我正在使用 iOS 9.3.2 并且遇到一个问题,如果我绘制具有给定尺寸集的图像,然后删除具有相同尺寸的图像(使用 clearRect),图像的剩余边缘。为了解决这个问题,我只是调整了我要清除的尺寸,直到我旋转手机(这并不总是会破坏它,但可能有 50% 的时间会破坏它)。然后边缘会回来。这在 chrome 浏览器上的 Android 中不是问题,但在 iOS 上的 safari 和 chrome 上都会发生。</p>
<p>有人有什么建议吗?我无法找到与此相关的任何现有问题,但如果您有任何帮助,我将不胜感激!谢谢!</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>这几乎可以肯定是由于绘制图像时的抗锯齿。</p>
<p>你可以做的一些事情:</p>
<ul>
<li>始终在整个像素 x,y 坐标上绘制图像,可以使用:<code>ctx.drawImage(img, x | 0, y | 0, w, h);</code> 确保您在清除同一个空间。如果您的 currentTransform 没有被整数偏移,这可能无法正常工作。</li>
<li>设置 <code>ctx.imageSmoothingEnabled = false;</code></li>
</ul></p>
<p style="font-size: 20px;">关于javascript - IOS HTML5 Canvas 上 draw/clearRect 问题,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/38057997/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/38057997/
</a>
</p>
页:
[1]