首页 > 代码库 > 一款可视化的在线制作H5

一款可视化的在线制作H5

一款可视化的在线制作H5

官方网站: http://www.iii66.cn

制作H5网址: http://www.iii66.cn/well/page/index

 

包括对图片,文字,图形,视频,声音和分享的设置功能,现在逐一介绍给大家。

 

添加图片分为图片素材和我的图片,图片素材是系统默认提供的一些参考图片,我的图片需要用户上传。

技术分享

 

对图片可以进行剪切,阴影和模糊设置。

剪切示例,如下图

技术分享

 

剪切之后的效果,如下图:

技术分享

 

去制作H5

 

可以对图片进行移动,拉伸,旋转操作,移动合适的位置,拉伸四个顶点位置是等比拉伸,线段中间的位置是水平或垂直拉伸。

技术分享

 

 

添加文字,双击编辑文字,输入想好的内容哈。

技术分享

 

添加图形,图形包括,纯色,混合和彩色三种

技术分享

 

设置分享,有分享标题,内容和分享图片,把内容都填写好。

技术分享

 

点击保存按钮,一个完整的H5页面做好了,超级容易操作。

去制作H5

 

页面工具介绍

对图层的旋转操作,水平翻转、垂直翻转、顺时针90度、逆时针90度。

对图层的上移一层、移至顶层、下移一层、移至底层。

对图层的左边缘对齐、中间对齐、右边缘对齐。

对画布的缩放设置1倍、1.25倍、1.5倍、1.75倍、2倍。

播放动画对可以演示图层动画效果。

选择模板提供了丰富大量的模板供用户使用。

技术分享

 

对多个图层的操作,垂直上对齐、垂直居中对齐、垂直下对齐、水平左对齐、水平居中对齐、水平右对齐、

垂直上分布、垂直水平分布、垂直下分布、水平左分布、水平居中分布、水平右分布。

技术分享

 

对图层设置动画效果,包括效果,时间,次数,延迟和循环设置。

基本设置对宽高,位置,透明度等设置。

链接设置对图层增加链接。

 

技术分享

 

 对图层,是否显示,是否锁住,删除,可以选择多个图层。

技术分享

 

去制作H5

 

一款可视化制作h5的工具。官方网址:http://www.iii66.cn/well/page/index

 

一款可视化的在线制作H5