Получение значений из HTML5 Canvas в Javascript - PullRequest
3 голосов
/ 25 августа 2011

Я работаю над небольшим проектом в Google App Engine.Используя html5 canvas, мне нужно показать пользователю canvas, на котором пользователь может рисовать узлы и соединительные ребра.Мне нужно найти кратчайший путь с алгоритмом Дейкстры.

Моя проблема в том, что я хочу получить значения из холста, нажав кнопку "Отправить".Значения являются координатами узлов и соответствующих ребер.Это будет структура данных json, которая может хранить списки. Основная проблема заключается в получении значений из canvas в javascript для хранения на json.

Моя часть тела содержит

<body>
<div>
<canvas id="canvas" height="500" width="1000" style="border:1px solid #c3c3c3;"></canvas>
</div>

<div>
<input type="button" value="Submit" onclick="submit()">
</div>

</body>

Что писать в функции отправки???

1 Ответ

1 голос
/ 25 августа 2011

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

На этапе рисования вам придется отслеживать всю необходимую информацию (узлы икрая) себя, как вы рисуете.В противном случае информации просто нет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...