菜鸟教程小白 发表于 2022-12-12 20:57:10

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]
查看完整版本: javascript - IOS HTML5 Canvas 上 draw/clearRect 问题