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