高解析APNG(动画PNG). 2D. 3D APNG's的动态图

PNG 动画

互联网发展了这么多年，通用动画格式仍旧只有 GIF 一种。我们做合成图时,想弄成GIF却发现会失真...GIF只能支持 256 色，没有 full alpha 通道.
2004 年，Mozilla 有两个人，发明了一种基于 PNG 的动画格式，叫 APNG。
2006 年一个机会他们在 Google Summer of Code 找到了加拿大圣力嘉学院的学生 Andrew Smith 实现了 APNG 解码;
APNG(英文全称：Animated Portable Network Graphics)是对 PNG 格式的一个极小扩展，而非完全从头打造一个全新格式。
首先，它和老 PNG 标准完全兼容，不认识 APNG 格式的浏览器可以正确显示 APNG 动画里的第一帧图片；其次，由于它只是对 PNG 格式的一个小扩展，所以支持 APNG 非常简单，PNG 库也只会增加大概 5% 的大小。
现在最新的 Opera 9.50﹑Firefox 3 和 IE8.0都已经支持 APNG。

引文: the animated PNG | 维基百科 APNG

APNG(动画PNG) & 2D & 3D APNG's的高解析图演示.
(查看APNG需以下支持,才能看到效果噢~ 使用IE6.0只能看到第1帧.)

svg图片

Logo
svg图片

动画png图片

2008.10.24 @ by bobo55 编

高解析APNG(动画PNG). 2D. 3D APNG's的动态图相关推荐

python制作gif动画_使用Python代码制作GIF动态图
使用Python PIL.Image 制作GIF图片: import PIL.Image 相关模块 img = Image.open(img_name) 打开图片 img.save(save_name ...
css3 动画之 2D旋转 3D旋转放大
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content= ...
第七章：CSS3基础---变形旋转 2d/3d、c3边框图片、变形缩放 2d/3d、变形倾斜2d、动画属性
<1..变形旋转 2d/3d> x轴旋转 transform:rotateX(数值deg) y轴旋转 transform:rotateY(数值deg) z轴旋转 transform:rot ...
使用高德地图2D/3D SDK添加海量描点Marker以及视图中显示所有描点、我的定位添加呼吸动画
高德地图SDK添加海量描点.我的定位呼吸动画一.添加海量描点 1.高德2D SDK添加实现 1)初始化MarkerOverlay 2)设置海量描点数据 4)Marker点击监听 5)MarkerOv ...
CSS3新特性——新增选择器，2D/3D转换，动画
CSS3新特性--新增选择器,2D/3D转换,动画欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页 ...
CSS3新增属性——过渡和动画（2D属性，3D动画）
目录 CSS3 一.过渡 1. 属性 2. 花费时间 3. 运动曲线 4. 何时开始二.2D属性 2. translate(移动) 2. rotate(旋转) 3. scale(缩放) 4. tr ...
前端 css3动画2D|3D
css3动画&2D|3D 一.css3的transform属性 2d坐标轴(图示) x轴:水平,向右为正,向左为负 y轴:垂直,向下为正,向上为负 2d转换的方法 1.2D变形:平移.旋转.缩 ...
Android平台apng动画播放的实现，直播间礼物动画的实现
个人开源工程 ApngDrawable android平台上apng动画播放的实现,基于pngj的java解码库实现,对内存做了很大的优化,目前测试的性能与gif差不多了. 用法 // Init Ap ...
CSS3动画（2D，3D，自定义动画）
文章目录 css3过渡动画 1 css3动画之2D 1.1 transition过渡动画基础 1.1.1 实现缓入缓出或快入快出效果 1.1.2 实现一秒内变换宽度 1.1.3 实现一秒后变换宽度 1 ...

高解析APNG(动画PNG). 2D. 3D APNG's的动态图

PNG 动画

高解析APNG(动画PNG). 2D. 3D APNG's的动态图相关推荐

最新文章

热门文章