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

本文关键字：像素关心是否绘图布局 | 更新日期: 2023-09-27 18:34:13

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

内容大于测量大小的事实是否会强制更新布局？我只是想知道布局系统有多挑剔。

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

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

所以答案是否定的。

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