Ahmad Shadeed — 一如既往地出色地 — 对 object-view-box 属性进行了初步介绍，他将其描述为使用 CSS 在浏览器中裁剪图像的原生方法。
用例是什么？好吧，Ahmad 马上就展示了如何使用该属性来实现过去需要 (1) 使用隐藏溢出的包装元素围绕图像，并在该元素内调整图像大小和定位，或者 (2) 使用 background-image 方法。
但是使用 object-view-box，我们基本上可以像使用 SVG 的 viewbox 一样 绘制图像边界。因此，使用普通的 <img> 并调用 object-view-box 使用 inset 函数修剪边缘。我将简单地在此处放置 Ahmad 的笔
目前仅在 Chrome Canary 中受支持，我恐怕。但计划在 Chrome 104 中发布。其他地方
- 它位于 CSS Images Level 4 规范（编辑草案）中。
- Firefox 表示该属性 值得进行原型设计。
- 尚未收到 Safari 的信号。