| 文章索引 |
|---|
| SVG编辑器软件：Inkscape形状教程 |
| Inkscape中绘制SVG矩形 |
| Inkscape中绘制SVG椭圆、SVG路径分割与绘制SVG弧线 |
| Inkscape中绘制SVG星形 |
| Inkscape中绘制SVG螺旋线 |
| 所有页面 |
页面 2 总共 5
2 Inkscape中绘制SVG矩形
矩形是设计和绘图中最常用、最简单的形状。Inkscape尽力使矩形的创建和编辑简单快捷。F4或者点击工具列中相应的图标，可以切换到矩形工具模式。请在这个蓝色矩形旁再画一个矩形：
保持在矩形工具模式下，通过单击，交替选择两个矩形。
矩形绘制技巧：
- 配合Ctrl键，可以绘制正方形或边长为整数比率(2：1，3：1等)的矩形。
- 配合Shift键，从中心开始绘制。
首先看倒圆控制柄，抓住一个向下拖动，四个角都成圆形，并且第二个倒圆控制柄也显露出来(在角上的原始位置)。现在的圆角是等半径的，如果要使其成为不等半径的圆角，就需要向左移动另一个控制柄。
下图中前两个矩形具有等半径圆角，后两个则是椭圆形圆角：
在矩形工具模式下，点击选择这些矩形，看看他们的倒圆控制柄的区别。
有时，在整个绘图中，我们希望圆角的半径和形状保持不变，而不是随着矩形的大小而变化（例如流程图中，不同大小的矩形具有相同的圆角）。这在 Inkscape中可以轻松实现。切换到选择工具，在工具控制栏的尾部，有四个开关按钮，左数第二个按钮(显示两个同心圆角)，可以控制缩放矩形时圆角是否也同步缩放。
例如，在关闭“缩放圆角”情况下，下图中原始的红色矩形被复制和缩放了数次，各自具有不同的长宽比例：
注意所有矩形的圆角的大小和形状都是相同的，在右上角的位置可以精确地重合在一起。所有的蓝色虚线矩形都是从原始的红色矩形缩放得到，没有对倒圆控制柄做任何修改。
作为对照，下图中是在打开“缩放圆角”时的情形：
矩形的圆角各不相同，在右上角没有一个细微的地方是重合的(可以放大了看)。在将原始矩形转为路径后(Ctrl+Shift+C)，缩放时产生的也是这样的效果。
矩形的倒圆控制柄的操作技巧如下：
- 按住Ctrl拖动，使两个控制柄的半径相同(等半径圆角)。
- Ctrl+click使另一个控制柄的半径与当前相同，不需要拖动。
- Shift+click删除圆角。
这些操作可以同时对多个矩形起作用。例如，要改变当前图层的多个矩形，只需要Ctrl+A (全部选择)，然后在控制栏中设置需要的参数，而同时被选中的其他类型的形状则不会受到影响。
下面我们来看一下缩放控制柄。你可能会想，既然可以通过选择工具缩放，要这个缩放控制柄不是多余了吗？
选择工具缩放存在的问题是，它总是沿着页面的方向进行水平和竖直缩放，而矩形缩放控制柄是沿边的方向进行缩放，即使矩形经过选择或倾斜。请试一下用选择工具和(矩形工具模式下的)缩放控制柄对下面的矩形进行缩放的区别：
由于有两个缩放控制柄，可以沿任意方向缩放矩形，甚至可以让它沿着一条边的方向移动。这种缩放模式保持圆角半径不变。
缩放控制柄的技巧：
- Ctrl拖动沿某一边或对角线方向缩放。换句话所，Ctrl拖动保持宽度、高度或宽高比不变(即使其本身的坐标系经过缩放和倾斜)。
通过倾斜和旋转矩形，然后复制和缩放，可以很容易地生成三维效果：
一些其它的矩形构图，其中也用了圆角和渐变填充：
