Сохранить canvas в png

[andrey1402]

Привет всем!
Знаю, что эта тема много раз перетиралась, но так и не нашел адекватного ответа на вопрос: можно ли сохранить изображение на canvasе на стороне пользователя (применяя только js)?

Вариантов с php куча - не подходят.
toDataURL - открывает в отдельном окне - не подходит.
Много написано о библиотеке Canvas2Image, но она сохраняет в непонятных форматах (рабочих примеров ее использования нет даже на сайте разработчика - чтоб в png сохранила).

Подскажите куда искать, пожалуйста.

[devote]

Подскажите куда искать, пожалуйста.

берешь исходник кодировщика написанного на Си и переписываешь его под JS, хотя думаю это уже кто нить сделал... все что нужно найти.

[devote]

например вот: https://github.com/tegansnyder/Leaflet-Save-Map-to-PNG

[trikadin]

andrey1402,
toDataURL - можно не открывать в новом окне, а создать картинку и впарить ей как src.

[devote]

toDataURL - можно не открывать в новом окне, а создать картинку и впарить ей как src.

ну да точно, она же еще и аргумент получает типа:
.toDataURL("image/png")

[andrey1402]

все что нужно найти

Согласен. Ищу.

например вот: https://github.com/tegansnyder/Leaflet-Save-Map-to-PNG

Использует saveMap.php

toDataURL - можно не открывать в новом окне, а создать картинку и впарить ей как src

Недопонял, но щас попробую разобраться.

[andrey1402]

andrey1402,
toDataURL - можно не открывать в новом окне, а создать картинку и впарить ей как src.

Нельзя - все равно открывается в новом окне (проверено: занусси)), а меняешь заголовок - сохраняет тупо (*.part на Firefox).
http://jsfiddle.net/EtaSE/
Вывод: на чистом js это не сделать. Зря время потратил(

[FINoM]

В хроме есть тег атрибут download.

[andrey1402]

В хроме есть тег download.

Рад за хром) Кроссбраузерность еще нужна.
Пришлось сделать с php:
http://jsfiddle.net/A2sNG/

[trikadin]

Нельзя - все равно открывается в новом окне

Ну, это логично - картинки по умолчанию открываются в самом браузере.