Html 剪辑路径中几何体框的用途是什么？

我正在浏览MDN网站以了解

剪辑路径

属性。以下是链接：

现在，我理解了网站上的大部分内容，但我不理解以下部分。谁能给我解释一下，最好是演示一下

如果与

组合指定，则它提供基本形状的参考框。如果由其自身指定，它将使用指定框的边（包括任何角形）（例如，由边界半径定义）作为剪裁路径

填充框

使用对象边界框作为参照框

笔划框

使用笔划边界框作为参照框

视图框

使用最近的SVG视口作为参考框。如果为创建SVG视口的元素指定了viewBox属性，则参考框将定位在由viewBox属性建立的坐标系的原点，并且参考框的尺寸将设置为viewBox属性的宽度和高度值

我的问题是什么是

几何体框

，以及

参考框

在剪辑上下文中的含义是什么

在剪辑过程中，

参考框

如何有用

什么是笔划边界框？它与SVG有关吗

---

您能提供一个包含所有这些值的工作示例吗？

您到底不明白什么？这些定义似乎非常简单。@RobertLongson我添加了让我困惑的确切问题。：）SVG形状具有填充和笔划属性。如果你不知道这些概念是什么，那么解释对你来说就没有任何意义。在这种情况下，几何体框和参考框是相同的。您能给我提供一个工作小提琴或代码笔演示吗？

填充框

、

几何体框

、

笔划框

和

视图框

是否仅适用于SVG元素？