你能用Html 5画布计算你沿河旅行的距离吗?

时间:2011-11-28 20:03:22

标签: javascript html5 canvas html5-canvas

我的想法是你可以绘制一条穿过河流的线,然后如果你知道河流的总距离,你将线的像素长度除以距离。

所以,如果你的线路是760px,河流的距离是20英里,那么760/20 = 38px = 1英里。

当然,如果我的线条只是一条直线或一系列线条,那么这将非常简单。但是,我希望我的线能够反映河流的轮廓,因此会在某些地方弯曲。

首先,这是绘制沿河行驶距离的好方法吗?如果不是什么会更好(我感觉我的数学错了!)。

如果这是一个好方法,我如何考虑线的弯曲性质以及这可能如何影响线的像素长度?

2 个答案:

答案 0 :(得分:1)

计算河流的长度类似于计算Length of an Arc

即使您在画布中(或在任何光栅图像中)完全按照您想要的方式绘制河流,然后计算蓝色像素的数量,您也只能得到近似的答案。 canvaswidth / riverdistance。

答案 1 :(得分:0)

我不会使用里程(因为它太粗糙)。使用更短的东西(我使用米,但ymmv)。 然后沿河的曲率绘制一条线并计算该线的像素,每个像素代表给定的距离。 (例如,一个像素可以代表150米)