2012-01-19 64 views
0

是否有可能使用HTML5畫布創建類似Safari新標籤http://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.png的效果?Safari主頁像jQuery效果

我們可以用CSS3 3d轉換做類似的轉換,但是它只支持Webkit瀏覽器。我們可以用CANVAS來實現它嗎?

編輯:我怎樣才能真正實現使用畫布變換矩陣的透視效果。請注意,效果不僅僅是等軸測圖如果我們選擇等軸測圖,我們可以製作如參考圖所示的圓形。

+0

可能的[HTML5 Canvas中的透視渲染]的副本(http://stackoverflow.com/questions/ 5736149/perspective-rendering-html5-canvas) – Phrogz

回答

2

你可以畫任何東西,當然它可能。我假設你想知道如何達到效果。

畫布有一個變換矩陣。您可以旋轉,縮放並直接設置變換。查看規範here.並且一般情況下搜索其他已經完成透視圖轉換的人員,例如:Can you do an isometric perspective with HTML5 <canvas>?

+0

是的,我其實想要得到一些實現。編輯這個問題,請再次看看。 –

+0

請注意,上下文的轉換是_affine_轉換,因此不支持透視傾斜。 OP將需要直接對圖像像素進行二次採樣。 – Phrogz