2011-04-20 139 views
5

我想在畫布上繪製一個透視網格,如下所示:http://www.shutterstock.com/pic-9039343/stock-photo-abstract-horizon-grid-perspective.html我的最好看起來像這樣:http://modwebsolutions.com/test/我不完全喜歡它,我希望它看起來更真實。所以我的問題是:是否有一些圖書館或其他東西可以渲染我的網格,如果我只是把它繪製成平坦的。我對Javascript有了很好的理解,所以它不必是一個完整的勺子餵食,只需要至少指向正確的方向。在HTML5 Canvas中的透視圖呈現

+1

您的測試看起來很現實的我。你還想找什麼?背景圖片? – sdleihssirhc 2011-04-20 20:27:14

+0

嗯,我希望網格看起來更像這張圖片,但不知何故,我無法讓數學工作。 – Caballero 2011-04-21 18:32:57

回答

9

是的,你可以繪製事物的平面,並使它們呈現透視。有一些數學的磨難,但沒有任何瘋狂。

這應該讓你去:

http://tulrich.com/geekstuff/canvas/perspective.html

+0

感謝您的建議。我一直在瀏覽該鏈接的源代碼,但坦率地說,這對我來說有點過於消化。我認爲這是當你需要專業的3D編碼器來理解它的catch22情況之一,但在這種情況下,你根本不必問這樣的問題。 – Caballero 2011-04-21 18:43:37

+3

我不怪你。 3D一直讓我感到震驚。 – 2011-04-21 18:47:16