圆角为圆弧的 SVG 路径

Question

我需要创建带有圆角的 SVG 路径，以将它们导出到 DXF 进行切割。我的问题是角应该是圆弧，而不是贝塞尔曲线。

使用 arc 命令相对容易处理直角，因为半径也是从拐角到圆弧起点的距离。对于其他角度，情况会更加复杂。

有没有公式可以计算给定角和半径的弧的起点和终点？

右上角很简单，但左下角很棘手，因为我必须找出线的终点和弧线的起点。

我找到了calculationg with a svg eliptical arc ，它链接一个公式以将端点转换为中心参数化。这无济于事，因为我也不知道圆心必须在哪里。

How to calculate the SVG Path for an arc (of a circle)只计算弧线，而不是两条线之间的弧线代替尖角。

Rounded corners on triangle in SVG 中的解决方案仅当某些边平行于坐标系或更改半径时才有效。

Applying rounded corners to paths/polygons尝试使用 linejoin 或几条三次曲线的一些技巧，我不想要。

即使是 Inkscape(我用来绘制上图)也使用 5 条三次曲线而不是圆弧，即使我使用圆形来创建这种形状。

如果您能提供一些提示，我将不胜感激。

Answer 1

倒角的几何形状如下所示:

角度ABC等于θ(倒角的外角)。这被 BD 平分，所以角度 DBC 等于 θ/2。这意味着从拐角到点 C 和 A 的偏移距离 d 等于 r × tan(< em>θ/2).

对于直角，θ=90°，tan(θ/2)=1，所以d等于r.

正如 Robert Longson 所说，您会很幸运地找到一个使用圆弧段导出倒角的 SVG 应用程序。不过，只要稍加努力，就应该可以通过编程方式检测和转换它们。