我正在浏览MDN网站，了解clip-path属性。这是链接：https://developer.mozilla.org/en/docs/Web/CSS/clip-path
现在，我了解网站的大部分内容，但我不了解以下部分。有人可以向我解释一下最好用演示吗？
<geometry-box>如果与<basic-shape>结合使用，则会提供基本形状的参考框。如果由它自己指定，它使用指定框的边，包括任何边角整形（例如由border-radius定义）作为剪切路径。
fill-box使用对象边界框作为参考框。
stroke-box使用笔划边界框作为参考框。
view-box使用最近的SVG视口作为参考框。如果为创建SVG视口的元素指定了viewBox属性，则引用框位于由viewBox属性建立的坐标系的原点，并且引用框的尺寸设置为viewBox属性的width和height值
我的问题是geometry-box究竟是什么以及reference box在剪辑的背景下意味着什么？
剪辑期间reference box如何有用？
什么是中风边界框？它与SVG有关吗？
您能否提供一个包含所有这些值的工作示例？