工具簡介：

H5DS (HTML5 Design software) 是一款H5制作工具的，可以在線免費制作電子請?zhí)?、H5邀請函等H5頁面， 不會寫代碼的人也能輕松快速上手編寫H5頁面。H5DS編輯器不僅提供在線使用，還提供私有化部署和源碼授權(quán)，可以基于H5DS編輯器做二次開發(fā)，靈活的內(nèi)核快速改造成各種可視化制作工具，基于該內(nèi)核，可以做BI工具，建站工具，圖形設(shè)計工具，在線PPT工具等一系列工具。H5DS編輯器提供了豐富的插件擴展接口，讓插件可自由快速擴展和動態(tài)加載，同時也支持API接入，無縫接入到任何第三方平臺。

?

主要界面如下：

?

產(chǎn)品特色：

一、動畫時間軸

?

動畫時間軸用于編輯動畫的狀態(tài)，可以拖動游標滑動到指定的時間刻度，查看該時間刻度下的動畫狀態(tài)。每一行代表一個圖層，每條色帶代表動畫效果，紫色代表進入動畫，藍色代表強調(diào)動畫，黃色代表離開動畫?？梢酝蟿由珟гO(shè)置動畫的延遲時間，也可以拖動色帶兩端的小點設(shè)置動畫執(zhí)行的時長。還可以配合時間軸截圖喲！

?

二、批量操作

?

編輯器提供了一些批量操作的快捷方式，可以協(xié)助快速的制作H5，比如批量排版，批量設(shè)置動畫等

?

三、腳本功能

?

編輯器支持自定義腳本功能，除了一些特殊的方法不能使用之外，基本上大部分功能都可以使用，自定義腳本可以直接操作頁面的數(shù)據(jù)，該功能可以實現(xiàn)復雜的業(yè)務邏輯。

四、在線錄音

五、文字轉(zhuǎn)語音

六、吸附定位

吸附定位是H5DS提出的一種特殊的定位方式，用于兼容不同屏幕尺寸的手機，吸附定位顧名思義，就是吸附到對應的坐標的定位方式。

?

六邊形開啟外框吸附之前：

?

開啟外框吸附之后:

?

可以看到開啟之后六邊形定位方式變成了以可視區(qū)為準。比如我們在做底部導航的時候可以用吸附定位定位到最底部。

?

七、雙色主題

?

白色主題：

?

?

黑色主題：

?

官網(wǎng)：https://www.h5ds.com/