一款可视化的在线制作H5

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

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

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

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

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

剪切示例,如下图

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

去制作H5

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

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

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

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

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

去制作H5

页面工具介绍

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

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

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

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

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

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

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

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

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

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

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

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

去制作H5

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

一款可视化的在线制作H5的更多相关文章

  1. 在线制作h5

    在线制作h5 官网:http://www.godgiftgame.com 在线制作h5首页预览效果图如下: 一.主要功能区域主要功能区域分布在上中左右三个地方,1.上面区域是功能选择区,包括图片素材. ...

  2. 在线制作h5——上帝的礼物

    在线制作h5 网址:http://www.godgiftgame.com 网站名称:上帝的礼物 推荐指数:5颗星 功能概要 可以设置背景.元素图片.元素文字.元素图形.声音.加载.链接.分享,生成h5 ...

  3. CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码

    CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码 CSS Animatie 彩蛋爆料直击现场 CSS Animatie是一款在线制作CSS3动画的工 ...

  4. CLIP PATH (MASK) GENERATOR是一款在线制作生成clip-path路径的工具,可以直接生成SVG代码以及配合Mask制作蒙板。

    CLIP PATH (MASK) GENERATOR是一款在线制作生成clip-path路径的工具,可以直接生成SVG代码以及配合Mask制作蒙板. CLIP PATH (MASK) GENERATO ...

  5. 在线制作一键生成微信小程序实现原理之需求分析

    随着微信小程序接口不断的放开,小程序在今年或许是明年必将成为商家的一个标配,这个标配的标准就是要开发周期短,费用低,功能实用.只有这样才能让线下的广大商家快速接入.现在也有好多公司开发出了一键生成快速 ...

  6. 飞鱼(FlyFish)——便捷的原型在线制作工具

    关于项目原型制作,小菜先前写过一篇文章<FastUI快速界面原型制作工具>,只不过那个是用C#写的原型制作工具,但是感觉用C#写起来比较费力,而且也不太好用,经过高人指点,茅塞顿开,决定重 ...

  7. Slides - 在线制作效果精美的幻灯片(PPT)

    Slides 是可以在浏览器中使用的在线幻灯片编辑器.与传统的演示软件,比如 PowerPoint 相比,Slides 不需要下载任何东西.你所有的信息都是安全地存储在我们的服务器上,无论你在哪里.不 ...

  8. Web工程师必备的43款可视化工具

    国外站点DATAVISUALIZATION.CH为大家总结出了当前热用的43款可视化工具,包括Arbor.Chroma.js.D3.js.Google Chart Tools等,绝对让你一饱眼福. 1 ...

  9. 微信小程序一键生成源码 在线制作定制功能强大的微信小程序

    微信小程序发展到现在,短短的一年不到的时间(很快就要迎来微信小程序周年庆),在快迎来周年庆之际,百牛信息技术bainiu.ltd特记录一下这个发展的历程,用于将来见证小程序发展的辉煌时刻,我们还能知道 ...

随机推荐

  1. [USACO18JAN]Stamp Painting

    Description: Bessie想拿\(M\) 种颜色的长为\(K\) 的图章涂一个长为\(N\) 的迷之画布.假设他选择涂一段区间,则这段区间长度必须为\(K\) ,且涂完后该区间颜色全变成图 ...

  2. HDU5511 : Minimum Cut-Cut

    设$d[x]$表示端点位于$x$子树内部的非树边条数,那么有两种情况: $1.$割去的两条树边$(x,fa[x]),(y,fa[y])$中,$x$是$y$的祖先,那么此时需要割去的非树边数量为$d[x ...

  3. python网络编程(十三)

    协程-greenlet版 为了更好使用协程来完成多任务,python中的greenlet模块对其封装,从而使得切换任务变的更加简单 安装方式 使用如下命令安装greenlet模块: sudo pip ...

  4. Flask蓝图

    它的作用就是将 功能 与 主服务 分开怎么理解呢? 比如说,你有一个客户管理系统,最开始的时候,只有一个查看客户列表的功能,后来你又加入了一个添加客户的功能(add_user)模块, 然后又加入了一个 ...

  5. c++ 引用犯的一个错

    void cal(int * &a) { ................ } int main() { int x=1; int *p=x; cal( &x );//出错 cal( ...

  6. Microsoft.AspNet.Identity: UserID用整型数据表示, 而不是GUID

    第一篇:  这个好像不太好 http://stackoverflow.com/questions/19553424/how-to-change-type-of-id-in-microsoft-aspn ...

  7. nat 共享上网软件

    http://www.nat32.com/ SinforNat WinGate

  8. Spring Boot 中application.yml与bootstrap.yml的区别

    其实yml和properties文件是一样的原理,且一个项目上要么yml或者properties,二选一的存在. 推荐使用yml,更简洁. bootstrap与application1.加载顺序这里主 ...

  9. [Docker] Running Multiple Containers for an Angular, Node project

    The code is from Plusight course, github link is here. In this post, we will give a overview about h ...

  10. 重新认识 Delphi

    一.彩蛋 1.打开 Delphi,选择"Help" –> "About-"菜单,出现 About 对话框. 2.在 About 窗口上按住 Alt 键盘, ...