Inkscape-形状的圆角?


78

在Inkscape中,圆角矩形的角很容易-选择对象,按F4(矩形工具),然后拖动圆形节点。

如何处理更复杂的形状?

多边形及其四舍五入的等效项

“动态偏移量”几乎是正确的选择,但它不会使凹面多边形的内部变圆。

Answers:


17

对于Inkscape来说,这似乎是一个弱点,因为没有简单的方法可以做到这一点。到目前为止,解决此问题的最佳方法是:

  1. 使用所需的最终角半径,制作几个圆角矩形
  2. 将它们彼此对接以形成整体最终形状,而不在乎那些由于圆度而导致角不相交的点,
  3. 将它们合并为一条路径
  4. 通过删除它们的节点来修复无关的缺口。

幸运的是,有人在网上描述了这种技术,并带有说明性(向下滚动) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

我希望有一个路径编辑工具可以在您的某个地方以您(和五万其他Inkscape用户)想要的方式转换路径。如果没有,这将是一个很棒的周末编码项目。


73
  1. 选择矩形或正方形
  2. 选择节点选项
  3. 在右上角,您将看到一个圆形节点而不是一个正方形节点。向下拖动节点,直到获得所需的圆角。

节点选项:

2.节点选项

您需要拖动以获取圆角的圆形小部件:

在此处输入图片说明

拖动圆形部件时会发生什么:

在此处输入图片说明

正如其他人指出的那样,这仅适用于矩形(但这是一个常见的用例,它将使人们登陆此页面)。


1
这是什么“节点选项”?屏幕截图会很可爱。
RAnders00 2015年

15
这对于矩形或正方形来说很棒,但是这对于问题中较复杂的形状有什么帮助呢?
Tom Pohl 2015年

4
在询问有关舍入非矩形形状的问题之前,“在Inkscape中,舍入矩形的角很容易” 。
OJW

应该注意的是,例如,这将不会正确导出到DXF。您可以使用菜单“路径”>“对象到路径(Shift-Ctrl-C)”创建真实的圆形路径。
罗科

我不想对此表示反对,因为它不能回答问题。另一方面,问题的标题暗示任何形状,这是有帮助的,因此我投票赞成。
戴夫F

22

这可以使用Fillet / Chamfer路径效果来实现(当前仅在开发人员版本中可用0.91+devel,可以在此处找到)。

使用方法如下:

  1. 选择要修改的路径,然后在下打开路径效果选项卡Path > Path Effects...

    未修改的路径

  2. 在路径效果窗口中添加新效果,然后选择Fillet/Chamfer

    在此处输入图片说明

  3. 选择要应用于路径拐角的半径,然后按Fillet按钮。

    圆角路径

  4. 如果只想绕一些角,请Change only selected nodes box在单击Fillet按钮之前,选中并选择要在路径编辑模式下更改的节点。


2
此效果似乎是在Inkscape 0.92中添加的,在我撰写此评论时尚未发布。
Levi Morrison

1
在0.92pre1版本中缺少圆角/倒角
Christian Strang,

1
@ChristianStrang看起来在0.92版本中也仍然缺少它:(
Cylindric

2
但是,自2017年4月起,它甚至还没有提供开发版本(0.92.1preX)。正如您在Bug Tracker上看到的那样,该功能已移至里程碑0.93 。因此,如果没有实验分支的构建,目前无法实现。
ferran

1
好消息!圆角/倒角可用1.0 alpha版本发布。在此视频的说明中,您可以找到指向预编译的Windows版本的链接:youtube.com/watch?
v=9lFI7qGFP7M

20

另一个有问题的临时解决方案,但也适用于非矩形形状:

  1. 动态偏移应用于对象。
  2. 对象转换为路径。
  3. 添加节点(在Extensions扩展)→Modify Path修改路径)下)。这是可选的,但很可能会大大改善您的结果。多多益善。
  4. 对您的对象应用动态插图(即负动态偏移)。
  5. 如果需要,可以再次将对象转换为路径简化。

3
另请参见inkscape.org/doc/advanced/tutorial-advanced.html-插入/偏移为ctrl +(和ctrl +),动态偏移为ctrl + J以添加可拖动的手柄
Jason S

17

这是我想在现有的不规则多边形上添加圆角以创建激光切割有机玻璃设计时更发现的一种方法,该设计对裂纹的复原力更高。

  1. 选择“按节点编辑路径(F2)”工具,然后选择要进行四舍五入的角节点。

  2. 按住Ctrl-Alt并在远离角的水平线上稍微单击以添加一个新节点。

  3. 再次执行相同操作,以沿垂直线稍微创建一个新节点以添加另一个新节点。
  4. 在这一阶段,我将返回两个新节点,并确保它们都与角点保持恒定的偏移量。例如2mm远。
  5. 选择角节点,然后按Del将其删除。您的角落现在应如下所示:

粗糙的角落

  1. 拖动左下角的两个贝塞尔曲线点,使它们形成令人满意的曲线。我按住Ctrl并对齐,使它们看起来像这样:

对齐


不错的解决方案!步骤3的一项补充内容,我建议使用Extensions -> Modify Path -> Add Notes ...来添加节点,以使节点在每个边缘到边缘的距离相同。
daniel.neumann '16

1
但是,如果对象的侧面未与矩形网格对齐,而是以任何方式对角或倾斜,则此操作并不容易。
Zelphir Kaltstahl

5

我使用了另一种方法。一旦我习惯了它,并学会了如何使用捕捉选项,我发现我可以很快地工作。这对于由平行于轴的正交线组成的路径效果最佳。

  1. 从正方形中减去具有所需半径的圆,以创建“刀具”形状。将圆心放在一个方形角上,并将方形的大小设置为圆直径。这样可以确保刀具的中心与弧边对齐:
    在此处输入图片说明
  2. 复制您的切纸器,以使其能够重复使用并对齐,然后将其放在您要倒圆角上。激活对象中心和尖点节点的捕捉,以将切刀精确对准所需位置。在此处输入图片说明
  3. 如有必要,请沿其中心旋转切刀,以使圆弧与基础路径的边缘对齐
  4. 选择原始路径和刀具,然后做一个布尔差,如果拐角是凸的,则选择布尔并集,如果凹的话。现在,您的角落已经变圆了!
  5. 复制裁纸器,然后对所有所需的角重复一次。
  6. 如果您的初始形状是打开的,则布尔操作将关闭它。您可能必须在过程结束时重新打开它。

可能是目前最好的解决方案(0.92.2)!

3

bonaccia 答案的启发(谢谢您),我发现要控制圆角,您可以使用一些其他的矩形或正方形和剪裁功能。查看我制作的以下GIF。

如何控制圆角


2

解决此问题的另一种方法是使用路径划分工具。这样做的好处是半径可以显式设置为数字

  1. 创建矩形
  2. 创建具有所需半径的圆
  3. 将圆对齐矩形的角
  4. 选择矩形和圆形,然后使用“路径”->“除法”
  5. 删除不需要的角件
  6. 在新圆和原始矩形之间执行路径->并集

2

我能够使用该Edit paths by nodes工具解决此问题。我将展示如何处理单端,但是该操作应适用于任何具有平坦边缘的形状。从这样的形状开始:

在此处输入图片说明

选择Edit paths by nodes工具,然后选择您的形状。如果形状的末端是平坦的,则应该有两个节点,每个角一个。选择这些节点并单击Insert new nodes into selected segments按钮:在此处输入图片说明这将在最后的两个节点之间添加第三个节点,如下所示:

在此处输入图片说明

现在,我们在中间有了一个节点,我们可以制作圆角了。只需选择节点并将其拉开即可创建一个点,如下所示:

在此处输入图片说明

确保使用Ctrl +拖动来直线拖动。现在我们有了一个要点,我们需要使节点平滑,这是Make selected nodes symmetric按钮进入的地方:在此处输入图片说明。这为节点添加了一些句柄,以允许我们更改节点的形状。它看起来像这样:

在此处输入图片说明

现在只需调整手柄(按住Ctrl即可使所有内容保持笔直)即可获得所需的圆度:

选择节点


2

如果您的Inkscape版本没有圆角/倒角路径效果,您可能会发现我编写的扩展名很有帮助:

Inkscape圆角

圆角扩展示例用法


为了得到这个答案,我必须阅读以上所有答案,但这是值得的。实际上,这最接近于Fillet / Chamfer LPE。Inkscape官方页面上还有一个“ Fillet and Chamfer”扩展名,但对我不起作用。
user1414213562

我尝试了这个错误
Foad

谢谢,这对我有用。我使用“对象->路径”转换了我的星形多边形。它会自动将节点添加到星形角。然后,使用“扩展>修改路径>圆角”选择星形路径和应用的半径。[我正在使用inkscape 0.92]编辑:如果此扩展名使边缘也变圆而不是角,只需重新启动inkscape。
myDoggyWritesCode

1

仅使用贝塞尔曲线就获得了成功。例如,我会画OP的L形像

|
|
|
 \
  \
   \_________

(非常粗糙的ASCII艺术!),即在圆角应位于对角线处,然后为两个线连接点调整Bezier控制点。


0

为了获得纯粹的装饰效果(即,您不会以圆角路径结尾),可以尝试应用“ 滤镜”>“模糊”>“交叉平滑”效果。然后打开“滤镜编辑器”,并将“标准偏差效果参数”设置为大约1.0。


0

另一种方法是创建笔触并将“连接”和“上限”设置为圆形。复制路径并粘贴到位,然后从副本中删除描边。然后选择原始图形,然后选择“路径”>“笔触到路径”,然后将2个形状合并在一起。


-1

由于没有干净的解决方案,因此我们来提一提使用GIMP的解决方案!

1-在另一个Inkscape实例中仅复制此对象(如果您有其他对象)

2-导出到位图(PNG文件)

3-用GIMP打开png,然后通过“按颜色选择工具”选择形状

3-选择->羽毛->按R像素(半径)

4-给选区上色并再次保存/导出为png

5-使用Inkscape打开修改后的png文件,并使用“跟踪位图”工具获取圆角路径(由于形状应为单色,因此很容易并且很干净)


上面列出了几种解决方案。他们不干净吗?将矢量对象带到GIMP进行编辑是很肮脏的事情。
马丁·扎斯克

1
@MartinZaske上面的大多数答案(被高度评价)都仅限于基本形状(如矩形),或者它们过于手工,不适用于拐角过多的形状。在复杂的形状中,我认为这种方法比上述大多数答案要容易得多,也更好。当我发布这个时,也没有一个明确的答案。
saeedgnu

-1

它的效果很好,但形状有所改变。

这类似于Wrzlprmft的解决方案。

结果

GIF逐步

抱歉,我没有10条声誉可以发布图像

您还可以创建一个inkscape扩展,它可以:

对不起,我的英语不好


-2

您可以在Inkscape中使用XML编辑器来制作矩形圆角。打开XML编辑器,选择<svg:rect元素。添加rx和ry属性,在XML编辑器的右下角有两个字段和一个Set按钮。将rx在顶场,10或任何其他号码,然后按Set


理论上是个好主意。实际上,问题中提到的对象不再是矩形。可以设置ryrx属性,但不会对其进行解释。
daniel.neumann

-4

实际上,这非常简单。

  1. 制作具有矩形角的形状。

  2. 点击矩形工具

  3. 单击形状拐角处的一个圆形手柄,而不单击方形手柄之一。

  4. 按下Shift并拖动圆形手柄,它将自动制作圆角。

在此处输入图片说明
拖动圆形手柄以制作圆角。


3
除非最近更改,否则这仅适用于纯矩形,这不是问题所在。甚至您的屏幕快照都显示,您仅选择构成形状左侧部分的矩形。最后,您的屏幕截图未显示要求的凹角向内倒圆角。
Wrzlprmft
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.