绘图系统使用说明书
目录
绘图系统使用说明书目录
总体布局
文件菜单
设置画笔颜色设置画笔粗细
绘制菜单
绘制线段绘制多边形绘制椭圆绘制曲线
Bezier算法绘制曲线
B-spline 算法绘制曲线编辑菜单
平移图元旋转图元缩放图元裁剪线段
总体布局
如上图所示,我的绘图系统分为菜单栏、图像编辑框、图元列表、及状态栏四个部分,其各自配合以完成系统实现的各种操作。
在菜单栏,选中菜单并点击,可以显示出二级菜单,其中列出了本系统能够进行的各种操作,如:
文件菜单
文件菜单中有设置画笔、重置画布、退出等,而将鼠标放在设置画笔处,又能弹出三级菜单,进行设置画笔颜色和设置画笔粗细操作;
设置画笔颜色
当点击设置画笔颜色时,会弹出颜色选择框,选中任意颜色之后点击 OK,即可完成画笔颜色的设置。
设置画笔粗细
当选择设置画笔粗细时,会弹出输入框以供输入代表画笔粗细的数字,该数字的初始值为当前画笔粗细,由键盘输入数字或点击上下三角形均可调整画笔的粗细。
绘制菜单
绘制菜单中能够选择绘制图元的类型,而每个二级菜单又包含能够选择绘图算法的三级菜单。
绘制线段
将鼠标停止在线段处,会显示出二级菜单,其中包括绘制线段的各种算法,选择想要使用的算法之后,状态栏会出现提示信息如下:
以 DDA 算法绘制线段为例,根据提示信息进行操作,绘制出图元,图元的编号会显示在右侧图元列表一栏中,为后续进行的编辑操作做准备。
绘制多边形
将鼠标停止在多边形处,会显示出二级菜单,其中包括绘制多边形时能够使用的两种算法,选择想要使用的算法之后,状态栏会出现提示信息如下:
以 DDA 算法绘制多边形为例,根据提示信息进行操作,绘制出图元,图元的编号会显示在右侧图元列表一栏中,为后续进行的编辑操作做准备。
绘制椭圆
由于本系统只实现了中点圆生成算法绘制椭圆,因此绘制椭圆选项无三级菜单,只需选择绘制椭圆,状态栏会出现提示信息如下:
根据提示信息进行操作,绘制出图元,图元的编号会显示在右侧图元列表一栏中,为后续进行的编辑操作做准备。
绘制曲线
将鼠标停止在曲线处,会显示出二级菜单,其中包括绘制曲线的各种算法。在此处, 我分别使用绘制曲线的两种算法进行曲线的绘制。
Bezier算法绘制曲线
选择 Bezier 算法之后,状态栏会出现提示信息,根据提示信息进行操作,绘制出图元,图元的编号会显示在右侧图元列表一栏中,为后续进行的编辑操作做准备。
B-spline 算法绘制曲线
选择 B-spline 算法之后,状态栏会出现提示信息,根据提示信息进行操作,绘制出图元,图元的编号会显示在右侧图元列表一栏中,为后续进行的编辑操作做准备。
需要注意的是,由于本系统中实现的是四阶三次 B 样条曲线,因此在设置前 3 个控制点时,曲线并不会被绘制,只有当设置第四个控制点的时候,曲线才会被绘制。
编辑菜单
在界面右侧的图元列表中用鼠标点击数字,可以选中相应 id 的图元,而被选中的图元会出现红色的方框;编辑菜单中的各种操作能够对被选中的图元进行相应的操作。
平移图元
在右侧图元列表中选择图元,并选择编辑菜单中的平移操作,在画布上对图元进行拖动,即可实现图元的平移。
状态栏会出现如上提示,根据提示进行操作。
旋转图元
在右侧图元列表中选择图元,并选择编辑菜单中的旋转操作,在画布上绕图元中心点拖动鼠标,即可实现图元的旋转。
状态栏会出现如上提示,根据提示进行操作。
缩放图元
在右侧图元列表中选择图元,并选择编辑菜单中的缩放操作,在画布上绕图元中心点拖动鼠标,即可实现图元的缩放。
裁剪线段
在右侧图元列表中选择图元,并选择编辑菜单中的裁剪,在三级菜单中选择裁剪算法。
状态栏出现如上提示,根据提示进行操作,对图中的线段进行修剪,得到最终的图像如下: