SVG——新一代Web设计及互动媒体的革新
首页 支持与服务 SVG教程 SVG编辑器软件:Inkscape形状教程 - Inkscape中绘制SVG椭圆、SVG路径分割与绘制SVG弧线

SVG编辑器软件:Inkscape形状教程 - Inkscape中绘制SVG椭圆、SVG路径分割与绘制SVG弧线

文章首页
SVG编辑器软件:Inkscape形状教程
Inkscape中绘制SVG矩形
Inkscape中绘制SVG椭圆、SVG路径分割与绘制SVG弧线
Inkscape中绘制SVG星形
Inkscape中绘制SVG螺旋线

3 Inkscape中绘制SVG椭圆

  椭圆工具(F5) 可以创建椭圆和圆,然后也可以将其分为分割或圆弧段。绘制技巧与矩形工具相同:
  • Ctrl绘制圆或整数比率(2:1, 3:1,...)椭圆。
  • 配合Shift键,从中心开始绘制。
  让我们详细看一下椭圆的控制柄。首先选择这个椭圆:



  与矩形工具相似,可以看到三个控制柄,实际上是四个。最右侧的是两个重合在一起,可以通过它“打开”椭圆。拖动最右侧的控制柄,然后再拖动新出现的一个,可以得到各种扇形的

4 SVG路径分割和SVG弧线



  要得到分割segment(半径封闭),拖动时鼠标要保持在椭圆的外面,相反,如果鼠标在椭圆里面,则得到弧线arc。上图中,左侧共有四个分割,右侧有三个弧线。注意,弧线是不封闭的,仅弧线上有轮廓线,两端没有连接在一起。如果去掉填充色,只保留轮廓,看得就更清楚一些:



  注意左侧看起来像扇子的很窄的分割,它是通过Ctrl对控制柄进行角度捕捉实现的。下面是弧线和分割控制柄的一些操作技巧:
  • 配合Ctrl键拖动时,控制柄每次改变15度角。
  • Shift+click使其重新成为完整的椭圆。
  捕捉的角度大小可以在Inkscape Preferences(其中的Steps子项)中调节。

  另外两个控制柄使椭圆绕中心缩放。操作技巧同矩形的控制柄是相似的:

  • Ctrl拖动可以使椭圆成为圆(长短轴半径相等)。
  • Ctrl+单击使椭圆成为圆,不需要鼠标拖动。

  与矩形的缩放控制柄类似,椭圆的缩放控制柄也是沿其自身的坐标轴方向调整其长度和宽度。也就是说,旋转或倾斜后仍然可以沿其本身的长短轴方向进行拉伸和挤压。试一下通过缩放控制柄对下面的椭圆进行缩放: