canvas教程

[Mugeda HTML5技术教程之29]canvas类型的动画如何转换为css3类型

字号+ 作者:H5之家 来源:H5之家 2015-11-10 10:03 我要评论( )

[Mugeda HTML5技术教程之29]canvas类型的动画如何转换为css3类型 Mugeda动画支持css3类型和canvas类型两种。现在我们推荐使用的类型是css3类型的动画,具有更好的移动设备适配性及更丰富的动画和交互特性。之前制作的canvas动画可以通过以下方式转换为css3类

[Mugeda HTML5技术教程之29]canvas类型的动画如何转换为css3类型

Mugeda动画支持css3类型和canvas类型两种。现在我们推荐使用的类型是css3类型的动画,具有更好的移动设备适配性及更丰富的动画和交互特性。之前制作的canvas动画可以通过以下方式转换为css3类型。

在原来的链接后面添加“?animation=css3”如下图:然后按回车键,再保存动画,就可以了。

QQ截图20150820121744

可以通过观察左侧工具条来判断是否已经转换成功。

canvas动画的工具条是这样子的:

QQ截图20150820120320

css3动画的工具条是这样子的:

QQ截图20150820120353

需要注意的是css3版的api和canvas版的api是不一样的,如果动画中有脚本代码,还需要做相应的修改。可以参考css3版API

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评