谋智社区

原文地址：using svg filters to display 3D data
系列地址：颠覆网络35天

====================================

本演示作者为Hans Schmucker，他为Firefox 3.5制作了大量有趣的演示。明天我们还会介绍另外一个他制作的演示。

Hans使用CSS的filter属性和SVG过滤器实现了很多有趣的演示──使用Voxel数据渲染3D透视效果。Han在演示结尾的评论凸显Firefox 3.5的各项特性：

老实说，开始没有认为这个演示会成功，主要是因为这个过滤器非常非常的长。为了产生一帧的效果需要处理大概30个运算操作 （要为5个图层每个图层做4个操作+纹理处理5个操作+纹理变换的3个操作等），然后处理的一帧要覆盖768×512大小的表面。总而言之，需要大量的处 理工作，同时还要在速度上满足需要，但是这些工作在Firefox上都被完成的太出色了。

如果您对背景知识非常感兴趣，也请查看Hans的文章：使用6行SVG代码渲染透视纹理──文中他解释了如何使用过滤器来制作这些效果。我们来看看这个演示，非常的有趣。

在Firefox 3.5中查看演示