第四页:缩放


在image代码中增加height和width的值(<img src="animation.gif" width="50%" heitht="100%" border="0">)将会根据页面空间对动画进行缩放。调整浏览器窗口的大小,GIF89会调整到与页面空间相适应。这最适用于aliased图像,因为它可以没有任何失真地渲染像素。


例子:Stretching color cycling circles
媒体:GIF89
文件大小:6KB
祯数:69

用image tag缩小文件的大小可以很大程度地减小文件的大小。因此,用节省下来的文件大小,你可以有更复杂,很多祯的动画。这在把动画集成在frameset或dHTML中时特别有用。

不幸的是,在Mac上缩放透明动画不是一直有效。从例子中你可以看到这一点。同时,在Netscape中看到的缩放图像会变慢。因此,在多种平台和浏览器上检验动画的结果是很重要的。


这是透明动画缩放后
应该的样子

这是透明动画缩放后
可能出现在Mac上的样子

缩放祯优化后,透明GIF89还会保持古色古香。


105*100像素

实际大小

105*242像素

例子:View the animated example, IE 4.0 only
文件大小:16KB

当你打算缩放图形时,最好用flat色彩或超级照片图像。缩放文本时要聪明些 - 最好让dHTML做。

例子1:Stretched photograph
例子2:Stretched flat color
例子3:Stretched in-between graphic
例子4:Anti-aliased versus aliased text zoom[10KB]


□ 作者:Anna McMillan and Emily Hobson

本书由“E书时空”免费制作;
想要更多的免费电子图书,请光临
http://www.eshunet.com/