在HTML5 Canvas中的透视图呈现

问题描述:

我想在画布上绘制一个透视网格,如下所示: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

是的,你可以绘制事物的平面,并使它们呈现透视。有一些数学的磨难,但没有任何疯狂。

这应该让你去:

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