Safari主页就像jQuery中的效果一样

时间:2012-01-19 21:36:34

标签: jquery html5 css3 canvas

是否可以使用HTML5画布创建Safari新标签http://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.png等效果?

我们可以使用CSS3 3d转换进行类似的转换,但只有Webkit浏览器才支持它。我们可以用CANVAS做一些事情来实现吗?

编辑:如何使用画布变换矩阵实际实现该透视效果。请注意,效果不仅仅是等距的如果我们去等距,我们可以制作如参考图像中所示的圆形。

1 个答案:

答案 0 :(得分:2)

你可以画任何东西,所以当然可以。我想你想知道如何达到这个效果。

Canvas有一个转换矩阵。您可以直接旋转,缩放和设置变换。请参阅规范here.一般情况下,搜索已在画布上完成透视变换的其他人,例如:Can you do an isometric perspective with HTML5 <canvas>?