2016-10-18 2 views
2

Я создаю диаграмму в частичном div на pageload. Я конвертирую это в изображение, используя html2canvas lib. Это изображение должно быть сохранено в каталоге приложения.url в canvas2image функция для сохранения изображения в конкретном месте

Использование canvas2image lib Я хочу загрузить и сохранить это изображение на диск. Как передать URL?

+1

Я думаю, что это то, что вы ищете http://stackoverflow.com/questions/7951326/save-image-to-users-disk-using-javascript –

ответ

0

Библиотека html2canvas предоставляет холст в качестве аргумента функции onrendered. Вы можете использовать toDataURL холста, чтобы получить данные изображения в формате base64.

html2canvas($parentNode, { 
            width: 300, 
            height:300, 
            onrendered: function(canvas) {           
             var myData = canvas.toDataURL(); 
            }    
          }); 

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

+0

OP использует [canvas2image] (https: // github.com/hongru/canvas2image), которая принимает элемент холста в качестве входных данных. То, что он хочет, не реализовано в этой библиотеке, что почти просто делает то, что вы делаете btw ... – Kaiido

+0

Привет, Чарли, спасибо за ответ. но дело в том, что я не использую никакой ссылки для его загрузки, он должен быть загружен и сохранен на внутренней стороне загрузки страницы, так как я использую это изображение в последней версии PDF. Ранее я использовал вышеупомянутое решение. но это не так, как должно быть выполнено. – Priya

+0

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

Смежные вопросы