.

【2022-2-22】画布标尺/辅助线/吸附线功能正式上线!

伯益发表于:2022年02月22日 18:43:23更新于:2022年02月24日 14:33:23

为了有效提高 Epub360 编辑器设计的效率和体验,历经数月,画布标尺/辅助线/吸附性功能终于要与各位派友见面了,下面小派给大家快速展示一下效果吧~

 

 

标尺


作用:画布的左和上侧有标尺的刻度(点击刻度可添加辅助线)。

  00162159baef066080f106d4a2c9e3a

 

辅助线


作用:在编辑的时候,添加辅助线可以让多组元素在水平或垂直方向的对齐。


1)添加辅助线

操作:点击标尺上的刻度即可添加新的辅助线(辅助线为蓝色)

 

00162159bbf61200af671ebfe4ea09b

 

 

2)移动辅助线

 

操作:在编辑的时候,画布区域选中辅助线,按住拖拽可同方向移动辅助线到画布区域的任意位置。

 

00162159bcc7bf969b87fc4b47890bf

 

3)全局辅助线

 操作:我们在masterpage的页面可添加全局辅助线(橙黄色),全局辅助线会在每一个普通上页面显示;


00162159c682f7e1a6fe0f01607b6d7



4)删除辅助线

 操作:画布区域选中辅助线,按住拖拽到红框区域去删除该辅助线

  • 水平方向的辅助线拖拽到最左侧

  • 垂直方向的辅助线拖拽到最上侧

 

00162159bd70f9edac2af32762dc1e1

 

吸附线

 

作用:元素在移动的时候会在多个元素框边缘相切的时候有吸附参考线和吸附重力;

 

00162159be44e4d6d03925e359d27dc

 

 

以上就是本次的功能更新,后续还将针对一键隐藏/清除辅助线、编辑使用体验做优化迭代工作,欢迎大家提出更多宝贵建议,便于我们进一步优化。