Не могли бы вы использовать Html 5 canvas для расчета расстояния, которое вы прошли вдоль реки?

Question

Я думал, что вы могли бы нарисовать линию, которая проходила через реку, а затем, если бы вы знали общее расстояние реки, вы поделили длину пикселя линии на расстояние.

Так что, если ваша линия была 760px ирасстояние до реки было 20 миль, тогда 760/20 = 38px = 1 миля.

Конечно, если бы моя линия была просто прямой линией или серией линий, это было бы довольно просто.Однако я бы хотел, чтобы моя линия отражала контуры реки и местами изгибалась.

Во-первых, это хороший метод для построения расстояния, пройденного вдоль реки?Если нет, то что будет работать лучше (у меня такое чувство, что моя математика неверна!).

Если это хороший метод, как бы я учел изогнутый характер линии и как это может повлиять на длину в пикселях?линии?

Answer 1

Расчет длины реки аналогичен расчету Длина дуги .

Даже если вы нарисуете реку точно так, как вы хотите, на холсте (или в любом растровом изображении), а затем посчитаете количество синих пикселей, вы сможете получить только приблизительный ответтак близко, как холст / река.

Answer 2

Я бы не использовал мили (потому что это слишком грубо).Вместо этого используйте что-то более короткое (я бы использовал метры, но мммм).Затем просто нарисуйте линию вдоль кривизны реки и сосчитайте пиксели этой линии, каждый пиксель представляет собой заданное расстояние.(например, один пиксель может представлять 150 метров)