在SVG矩形上渲染斜切边框

是否可以渲染SVG矩形的边框以模拟起始点

• 用CSS
• 用过滤器

注意：它必须是一个可伸缩的简单rect对象，所以我不想用路径/复合对象构建它

---

使用过滤器可以实现这一点。您可以通过在SVG中绘制遮罩形状并在过滤器中进行笔划来实现

---

使用过滤器可以实现这一点。您可以通过在SVG中绘制遮罩形状并在过滤器中进行笔划来实现

您需要将边框绘制为两条不同的路径和两种不同的填充。您需要将边框绘制为两条不同的路径和两种不同的填充。但它似乎不适用于简单的rect。我还希望它是可伸缩的，因此我不必在过滤器中指定坐标。您可以根据主SVG中路径建立的宽度/高度，使用泛洪和合成在过滤器中绘制矩形。如果您想让它具有可伸缩性，可以在过滤器中使用objectBoundingBox单元来实现这一点，但请更完整地指定您的要求，我很乐意添加一个示例。**它必须是一个可伸缩的简单rect对象，所以我不想使用路径/复合对象来构建它**目前无法使用SVG实现这一点。对不起的：（很好，很优雅。但它似乎不适用于简单的矩形。我还希望它具有可伸缩性，因此我不必在过滤器中指定坐标。您可以使用泛洪和合成，根据主SVG中路径建立的宽度/高度，在过滤器中绘制矩形。如果您希望它具有可伸缩性，可以在过滤器中进行通过使用objectBoundingBox单元-但请更完整地指定您的要求，我很乐意添加一个示例。**它必须是一个可扩展的简单rect对象，因此我不想使用路径/复合对象构建它**您目前无法使用SVG进行此操作。抱歉：(