功能更新丨画布标尺/辅助线/吸附线功能正式上线!

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

 

 

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

 

 

一、标尺

 

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

 

 

 

二、辅助线

 

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

 

 

1)添加辅助线

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

 

 

 

2)移动辅助线

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

 

 

 

3)全局辅助线

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

 

 

 

4)删除辅助线

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

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

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

 

 

 

三、吸附线

 

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

 

 

 

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

10