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

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

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

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

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

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

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

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

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