html5支持3d技术了

以前一直想用javascript 写一个3D相关的应用，后来也确实写了一个3D的立方体花了我两个星期时间，先在纸上又是画图又是计算，由其是三维变换和三维到二维的映射，死了不知多少脑细胞，但是由于html 不支持斜线所以立方体都是由一个一个div组成的小方块来代表点阵

效果吗，当然可以看出来3d的效果了，但差强人意，现在html5出现以后就可以使用斜线把点连起来，效果就更好了，但是今天突然发现原来html5已经有3d变换的函数了，根本不需要自己再去写3d的变化原理了。

下面就是微软关于3d的演示，大家可以看一下它的强大，当然ie10以下不支持，用chrome的debug工具来测试，也可以给示例div的背影加一个图片，你会发现图片也是跟着变形的，这就使的三维的渲染也是可以做的。

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm

我是江奇

评论

1 楼 chaorenyeye 2013-05-08  

强