我正在浏览 MDN 网站来了解该clip-path属性。这是链接：https ://developer.mozilla.org/en/docs/Web/CSS/clip-path
现在，我明白了网站上的大部分内容，但我不明白以下部分。有人可以最好通过演示向我解释一下吗？
<geometry-box>如果与 a 一起指定<basic-shape>，它将提供基本形状的参考框。如果由其自身指定，则它使用指定框的边缘，包括任何角形状（例如由边框半径定义）作为剪切路径。
fill-box使用对象边界框作为参考框。
stroke-box使用笔划边界框作为参考框。
view-box使用最近的 SVG 视口作为参考框。如果为创建 SVG 视口的元素指定了 viewBox 属性，则引用框位于由 viewBox 属性建立的坐标系的原点，并且引用框的尺寸设置为 viewBox 属性的宽度和高度值。
我的问题是 a 到底是什么以及在裁剪的上下文中意味着geometry-box什么？reference box
a 在剪辑过程中有何reference box用处？
什么是笔划边界框？和SVG有关系吗？
您能否提供一个包含所有这些值的工作示例？