9种网页动画常用实现方式总结

您所在的位置:网站首页 前端实现动画的方式是什么 9种网页动画常用实现方式总结

9种网页动画常用实现方式总结

2024-07-16 21:56| 来源: 网络整理| 查看: 265

随着HTML5的逐步普及,在Web页上实现动画的方式也增加了,但也带来了一些兼容性问题,本文做一个总结。

目前来说,没有一种方式是完美的。

GIF兼容性最好,但是画质差,无交互。

Canvas很火热,功能也强大,编程难度也稍高,旧IE不支持。

SVG擅长处理矢量图形,交互容易,旧IE不支持。

CSS3很闪亮,但功能有限,旧IE不支持。

APNG, SMIL 还需看将来各浏览器的支持进展。

Video也华丽,只是一个视频要准备多种文件格式,令人不爽。

Javascript是个万金油,只要做交互,他还是一员大将。

Flash很强大,但前途暗淡,移动端不給力。

序号 名称 简述 优点 缺点 适用场景 1 GIF动画 这是最历史悠久的方式了,GIF89a也已经过了专利期限,现在使用没有法律问题了。 文件小、工具多、浏览器兼容性好、资源占用少。 支持颜色少(最大256色)、Alpha透明度支持差,导致图像锯齿毛边比较严重。 适用于颜色少、画面简单的场合 2 Flash / SilverLight 等 通过浏览器plugin来支持特定文件格式的动画。 跨浏览器、处理复杂动画无压力 需要安装插件、


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3