如何傾斜/旋轉畫布內部的圖像？

我是一個完全的新手，當談到Javascript和畫布和東西，但我有這個形象（1920x1080），我想要做的是當有人在它傾斜的圖像盤旋。如何傾斜/旋轉畫布內部的圖像？

因此，如果我將鼠標移動到圖像的頂部，那麼它看起來像圖像的底部向我走來，頂部正在進入文檔。如果我將鼠標移動到右側，則左側出現一點，右側進入文檔。

像這樣，http://www.simpleviewer.net/tiltviewer/app/只是更微妙，而不是Flash。

這個例子是用JavaScript這樣做，但我不知道怎麼了，我不能完全讀取源，我不想撕裂了源代碼 http://mrdoob.com/97/depth_of_field

我不知道在哪裏開始甚至如何開始，我只是深入Javascript的更高級的部分，所以任何幫助/建議將不勝感激。

2013-02-27 Andreas

這是我剛剛做的一個演示。你可以改變那裏的值。

-webkit-transform: skewX(30deg);

至40度

嘗試懸停貓形象。

基本上你需要了解能夠做你所提到的演示應用CSS轉換和CSS的轉變。

2013-02-27 10:02:36 wizztjh

不是我在找什麼，後面的例子不是用CSS做的。 – Andreas 2013-02-27 10:24:44

可能與CSS 3d-transform https://developer.apple.com/safaridemos/showcase/gallery/ – wizztjh 2013-02-27 10:31:26

我懷疑你會得到一個漂亮的結果，非常懷疑它。進一步檢查後，它似乎與WebGL完成。 – Andreas 2013-02-27 10:40:24

回答