自定义标记的SVG折线

Question

我有一个SVG问题。我有一条折线应标记为：  每N个单位。我用四条线相互叠加绘制，其中前3条点破以形成正方形。

当这条线不像SVG所希望的那样直时，问题就会出现。虽然WPF可以很好地处理这种逻辑 SVG在方法上

我有点理解为什么它表现得很奇怪，并且我准备采用“不是那么开箱即用”的解决方案，但是除了计算每个正方形的坐标和角度并分别绘制它们之外，还有什么吗？

这是SVG的代码：

let client = VssService.getCollectionClient(WitClient.WorkItemTrackingHttpClient5);
client.getWorkItemsBatch(<WitContracts.WorkItemBatchGetRequest>{ ids: [1, 2, 3] })

Answer 1

遗憾的是，SVG中没有内置功能来启用您想要执行的操作。 SVG中的标记功能允许您在路径的开始，中间和末端定义标记，但不能以X单位间隔定义。

您可以将路径分解为x个单位的较小路径，并在它们中间放置一个标记。或者，您也可以在以后的适当位置手动绘制正方形标记作为单独的形状。