内嵌SVG的CSS剪辑路径不工作

内嵌SVG的CSS剪辑路径不工作,css,svg,Css,Svg,我不知道这为什么不起作用。它应该在对角线上剪裁绿色矩形。如果可能的话,我宁愿不更改html结构(更改SVG也可以) .el来剪辑{ 剪辑路径:url(#导航路径); 宽度:500px; 高度:1000px; 背景颜色:绿色; } objectBoundingBox单位在0..1范围内,您的意思可能是.73和1,如下所示 .el来剪辑{ 剪辑路径:url(#导航路径); 宽度:500px; 高度:1000px; 背景颜色:绿色; } Aha!这就是答案。非常感谢你。如果你把它作为一个答案发布

我不知道这为什么不起作用。它应该在对角线上剪裁绿色矩形。如果可能的话,我宁愿不更改html结构(更改SVG也可以)

.el来剪辑{
剪辑路径:url(#导航路径);
宽度:500px;
高度:1000px;
背景颜色:绿色;
}

objectBoundingBox单位在0..1范围内,您的意思可能是.73和1,如下所示

.el来剪辑{
剪辑路径:url(#导航路径);
宽度:500px;
高度:1000px;
背景颜色:绿色;
}


Aha!这就是答案。非常感谢你。如果你把它作为一个答案发布,我会接受它。但是,你知道为什么它在edge中不起作用吗?我不确定你能不能用edge剪裁html内容,我认为它只支持剪裁SVG元素。