在画布上绘图时，布局是否关注大小的1个像素差异？

Question

如果我有一个测量到大小为100的区域的对象，然后我使用像素宽度为2的画笔从0-100绘制一条线，则内容将超出测量区域。

内容是否大于测量尺寸会导致布局更新？我只是想知道布局系统是多么挑剔。

Answer 1

您绘制到canvas元素的任何内容都将被裁剪为canvas元素的最大大小和/或路径（如果您将其用作剪辑）。

通过其上下文绘制到canvas元素的任何内容都不会调用浏览器中其他元素的任何布局更新。上下文是完全隔离的，基本上是一个位图，你操作的位置与浏览器中的其他元素不同。

所以答案是否定的。

但是，值得一提的是，浏览器中的更新可能影响画布的内容（即清除它），因此请记住这一点，尤其是浏览器窗口重新调整大小。您可以在必要时收听resize事件以执行画布更新。