SVG（带剪辑路径）在页面中显示为空_Svg_Clip Path

SVG（带剪辑路径）在页面中显示为空

svg

SVG（带剪辑路径）在页面中显示为空,svg,clip-path,Svg,Clip Path,我正在尝试创建一个图像库，其中图像被剪裁成各种形状。我用几个svg路径尝试了下面的代码，但我在所有浏览器中都只得到一个空白页面（在chrome、firefox、IE和edge中测试） .arch{ -webkit剪辑路径：url（#clipArch）；剪辑路径：url（#clipArch）； } objectBoundingBox单位从0变为1，但路径的d属性不是这样，因此这显然不起作用当我们移除它时（为了使用userSpaceOnUse单位），clipPath仍然没有真正覆盖在形状

我正在尝试创建一个图像库，其中图像被剪裁成各种形状。我用几个svg路径尝试了下面的代码，但我在所有浏览器中都只得到一个空白页面（在chrome、firefox、IE和edge中测试）

.arch{
-webkit剪辑路径：url（#clipArch）；
剪辑路径：url（#clipArch）；
}

objectBoundingBox单位从0变为1，但路径的d属性不是这样，因此这显然不起作用

当我们移除它时（为了使用userSpaceOnUse单位），clipPath仍然没有真正覆盖在形状上，所以我通过变换缩放和移动了它，这样它基本上可以覆盖在您试图剪裁的图像上

.arch{
-webkit剪辑路径：url（#clipArch）；
剪辑路径：url（#clipArch）；
}

对不起，我该如何减少它。添加了缩放变换和userSpaceOnUse单位，它成功了：）