是否有可能使用HTML5畫布創建類似Safari新標籤http://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.png的效果?Safari主頁像jQuery效果
我們可以用CSS3 3d轉換做類似的轉換,但是它只支持Webkit瀏覽器。我們可以用CANVAS來實現它嗎?
編輯:我怎樣才能真正實現使用畫布變換矩陣的透視效果。請注意,效果不僅僅是等軸測圖如果我們選擇等軸測圖,我們可以製作如參考圖所示的圓形。
是否有可能使用HTML5畫布創建類似Safari新標籤http://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.png的效果?Safari主頁像jQuery效果
我們可以用CSS3 3d轉換做類似的轉換,但是它只支持Webkit瀏覽器。我們可以用CANVAS來實現它嗎?
編輯:我怎樣才能真正實現使用畫布變換矩陣的透視效果。請注意,效果不僅僅是等軸測圖如果我們選擇等軸測圖,我們可以製作如參考圖所示的圓形。
你可以畫任何東西,當然它可能。我假設你想知道如何達到效果。
畫布有一個變換矩陣。您可以旋轉,縮放並直接設置變換。查看規範here.並且一般情況下搜索其他已經完成透視圖轉換的人員,例如:Can you do an isometric perspective with HTML5 <canvas>?
是的,我其實想要得到一些實現。編輯這個問題,請再次看看。 –
請注意,上下文的轉換是_affine_轉換,因此不支持透視傾斜。 OP將需要直接對圖像像素進行二次採樣。 – Phrogz
可能的[HTML5 Canvas中的透視渲染]的副本(http://stackoverflow.com/questions/ 5736149/perspective-rendering-html5-canvas) – Phrogz