用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    890

    主题

    2079

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2016-3-24 17:05:21 zhichi_admin 管理员 楼主 05547
    SVG技术越来越不陌生,使用门槛也渐渐降低,而且SVG动画还可以使用CSS控制。
    先看个生日页面,是个SVG的蛋糕
    1430361620129675.gif
    可见SVG是很强大的!弥补了CSS3的不足。
    然而这种动画也是略耗时,但有一种比较常用的,就是线条的描绘动画,CSS3比较难实现,这里可以用SVG,看图:
    1430361629915590.gif
    介绍一个PS插件svgArtisan,这个工具可以直接根据PSD的路径图层生成SVG图形


    由于网络是动态的媒体,SVG要成为网络图像格式,必须要具有动态的特征,这也是去区别于其它图像格式的一个重要特征。
    而且SVG文件是用点和线来描述物体,所以文件会比较小,同时也能提供高清晰的画面,适合于直接打印或输出。
    比那些GIF和JPEG格式的文件要小很多,因而下载也很快。这就是为什么微页打开速度比其他h5快的原因之一。

    如何使用svg动画功能?



    1.首先,进入微页编辑界面

    1.png



    2.系统自带的svg动画,选择后,点击“确定”。

    2.png


    也可以在选择”我的svg"中添加自己的svg动画,再点击“确定”。


    3.png


    3.编辑动画的基本设置。

    4.png



    4.可以选择是否循环播放或更改动画。

    5.png



    5.可以任意改变他的颜色。


    6.png

    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略