浮云绘图编辑器源码开发定制之网格参考线和自动吸附对齐，可快速调整图形大小和对齐

​

浮云编辑器支持复制、粘贴图元，撤销、重做上一步操作，左中右上下对齐和均匀分布，还支持参考线（网格）和自动吸附对齐。

​

 

1. 网格参考线

参考线可以作为图元的大小和位置绘制参考，可以精准到像素级的控制。

1.1 网格格大小

网格大小在绘图过程中，根据绘图的需要，随时可以修改。一般绘图大小位置粒度小的时候（如多条平行线对齐、组合图元是多图元居中吸附对齐等）。网格只是作为绘图背景参考线，修改网格大小不会改动图元的大小和坐标位置。

​

 

1.2 网格线颜色

网格线的颜色，可以修改。有时为了更清晰的看出参考线，可以提升网格线颜色的与背景的对比度；或者为了网格线与绘图背景更协调而降低网格线对比度。

​

 

1.3 网格参考线类型

网格参考线支持线条模式和点集模式，如下图所示：

​

 

2. 自动吸附对齐

自动吸附对齐，是在网格参考线的基础上，绘图程序实时计算绘图起点位置和终点位置，就近吸附到网格线上，从而确定了图形的大小和位置实际坐标。

2.1 先自由绘图，后设置自动吸附

打开自动吸附对齐开关，只对后面的图元绘制生效，对已经绘制的图元位置大小无影响（除非后续又修改图元位置大小值，才会根据自动吸附算法计算）。

​

2.2 先设置自动吸附对齐，再画图

如果先打开自动吸附对齐开关，那么绘图时，从起点到移动过程中，到终点坐标，都会就近网格线自动吸附对齐，如上图所示。

​