Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG clipPath显示带透明填充的黑色背景_Svg_Clip Path - Fatal编程技术网
Fatal编程技术网
  • svg/
  • SVG clipPath显示带透明填充的黑色背景

SVG clipPath显示带透明填充的黑色背景

svg

SVG clipPath显示带透明填充的黑色背景,svg,clip-path,Svg,Clip Path,对于具有fill=“transparent”的SVG路径，无论如何都不会显示它 <path d="M 0 40 L 200 40 L 200 70 L 0 70 L 0 40 Z" fill="transparent" fill-opacity="1" stroke="none"></path> 如果没有如上所示的剪辑路径，或者没有单个剪辑路径，则效果良好 但是当它有一个剪辑路径也有剪辑路径时，它将显示黑色背景，这对我的情况并不理想 以下是SVG： 这似乎是一个C

对于具有
fill=“transparent”
的SVG路径，无论如何都不会显示它

<path d="M 0 40 L 200 40 L 200 70 L 0 70 L 0 40 Z" fill="transparent" fill-opacity="1" stroke="none"></path>
如果没有如上所示的剪辑路径，或者没有单个剪辑路径，则效果良好

但是当它有一个剪辑路径也有剪辑路径时，它将显示黑色背景，这对我的情况并不理想

以下是SVG：

这似乎是一个Chrome错误：

目前，您可以设置
fill=rgba（0,0,0,0.002）
来隐藏元素。

在第一个示例中，我看不到任何内容。此外，fill=“transparent”始终是个坏主意，请改用fill=“none”。@RobertLongson它在Safari 10.11.1中不显示任何内容，但在Chrome 60.0中显示一个黑色矩形。它与fill=“none”或fill=“transparent”的行为相同。您可以在此处报告Chrome错误：谢谢@RobertLongson，我发现了这个问题