最近一工作一直很忙, H5-Dooring也在持续更新迭代中, 接下来笔者将带大家介绍一下H5-Dooring的新功能, 并介绍网格参考线的实现方案, 内容很短, 实现方案也很简单, 欢迎大家提出更好的方案和实现思路.
H5-Dooring更新日志
添加画布网格参考线以及快捷切换方式
添加文字跑马灯组件
画布操作控件支持拖拽
Dooring使用视频教程
多页面链接自动关联
实现可视化编辑器的网格参考线
之所以设计网格参考线, 是为了让H5制作者更精准的控制组件位置和大小, 作为设计辅助. 我们可以使用键盘快捷键ctrl + h
(window系统)或者comand + h
来显示或者隐藏参考网格, 类似于PS
软件. 我们来看看细节:
这个功能无非需要实现两个关键点:
绘制网格线
监听键盘事件显示/隐藏网格线