Загружаемая графика - SVG против элемента Canvas?

Question

Существует ли способ Javascript-y для предоставления загружаемой ссылки для элемента Canvas? Как насчет графики SVG? А что, если вы также включите серверный скрипт (не желательно, но если это единственный способ ...)?

Answer 1

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

Но для SVG вы можете использовать API,например, батик (http://xmlgraphics.apache.org/batik/). Для примера того, как это сделать, вы можете воспользоваться следующими советами:

http://www.ehow.com/how_4764609_convert-svg-file-png-format.html

Но для этого лучше всего подойдет POSTтакже, это будет вызов ajax для получения изображения.

Answer 2

Я никогда не пробовал этого, но мне пришло в голову, что вы могли бы использовать URL данных для этого.Теоретически вы будете использовать JS для генерации необходимых данных о пикселях изображения, а затем вставлять их в href ссылки.Не уверен, что это сработает.

Пример URL-адреса данных:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

Answer 3

location.href = document.getElementById('canvas').toDataURL()