应用蒙版后奇怪的 svg 路径裁剪
Strange svg path cropping after applying mask
我有四个路径（简化为直线），笔触 = 34，其中两个 (2, 4) 应用了空蒙版（100%x100% 填充白色）。应用蒙版后垂直和水平裁剪的各种路径都会发生这种情况。
谁能告诉我这里发生了什么以及如何避免这种裁剪？
谢谢。
这是由于 maskUnits 属性的默认值。如果你不指定 maskUnits 则它默认为 objectBoundingBox， 的 x、y、宽度和高度分别为 -10%, -10%, 120%, 120%（如果没有明确设置为其他任何值） ).这一起导致您看到的裁剪区域。
从示例源来看，您似乎想要 maskUnits="userSpaceOnUse"。但是，请注意，您可能希望使用 而不是 ，除非您需要进行渐变淡入淡出或其他高级剪裁形状。从性能的角度来看，使用 （以及相应的 属性 clip-path）通常更好。
我有四个路径（简化为直线），笔触 = 34，其中两个 (2, 4) 应用了空蒙版（100%x100% 填充白色）。应用蒙版后垂直和水平裁剪的各种路径都会发生这种情况。
谁能告诉我这里发生了什么以及如何避免这种裁剪？
谢谢。
这是由于 maskUnits 属性的默认值。如果你不指定 maskUnits 则它默认为 objectBoundingBox，-10%, -10%, 120%, 120%（如果没有明确设置为其他任何值） ).这一起导致您看到的裁剪区域。
从示例源来看，您似乎想要 maskUnits="userSpaceOnUse"。但是，请注意，您可能希望使用 clip-path）通常更好。