如何在SVG中屏蔽笔划路径的一部分？

我希望在SVG中屏蔽一条直线的一部分，实际上只能找到一种方法，但更愿意用另一种方法，因为直线长度将动态生成，而屏蔽部分不会

让我解释一下

假设我有一行是

，我想用透明度遮罩前10个像素，这意味着只有

d=“M0,0 L0,10”

部分

我可以这样做，产生我想要的结果：

---

如果我正确理解了这个问题，那么您需要一个固定大小为10×20的矩形遮罩，它将应用于可变长度的线

在这种情况下，您可以尝试组合遮罩，其中一部分是不透明的

fill=“black”

，第二部分是透明的

fill=“white”

，并显示行的其余部分

---

适合我。。。我是不是误解了你的意图

@Todd Main如果我误解了你的问题，请写在评论中。谢谢先生。我认为问题在于第一个矩形。我的路径将是可变长度的，因此我正在寻找一个解决方案，该解决方案可以推广到任何长度，而无需发送答案，先生，我无法清楚地理解您最终想要得到什么。也许画一幅画更好？不同的人以不同的方式理解单词。问题是在掩码中，

定义了行的长度。我希望在不确定长度的情况下做到这一点。也许它不是直线，也许它是圆弧或贝塞尔曲线。@ToddMain我同意面具可以是任何基本图形svg，它决定了面具的大小。谢谢，我来试试。这看起来很有希望，实际上，这和我要找的正好相反。我想你要找的是剪辑路径，不是面具？