用于创建带圆角的三角形的SVG路径

Question

我正在尝试创建一个带圆角的三角形的简单svg路径。

我从这个三角形开始：

<svg width="440" height="440">
  <path d="M5,100 L70,5 L135,100 z" fill="none" stroke="black" stroke-width="3" />
</svg>

但我正在努力增加角落 - 这就是我所拥有的：

<svg width="440" height="440">
  <path d="M5,100 a10,10 1 0 1 -5,-10 L70,5 L135,90 a10,10 1 0 1 5,10  z" fill="none" stroke="black" stroke-width="3" />
</svg>

创建具有三个平滑边角的三角形的正确路径坐标是什么？我是否需要做一些几何来计算正确的strart和端点，或者是否有一个工具可以用来配置形状，这将给出形状由坐标组成的坐标？

Answer 1

Inkscape可以选择将路径的笔划转换为填充对象。有了这个，你可以：

1. 绘制一个简单的三角形并将fill设置为none。
2. 定义一个宽度为想要实现的圆角半径的两倍的笔划。
3. 设置stroke-linejoin:round（填充和描边对话框 - ＆gt;描边样式 - ＆gt;圆形连接）。
4. 从菜单中选择路径 - ＆gt;中风到路径。

5. 设置为节点选择模式。现在，您可以删除内侧的所有节点。

6. 再次将填充设置为无，并根据自己的喜好选择笔划。