0

Например, из участка кода нужно вытащить картинку и вставить ее в src:

var canvas = $(this).closest('.preview').find('canvas').clone();

1 ответ 1

2

Для сохранения изображения существует только один метод toDataURL у самого canvas, он преобразует изображенное в формат data url.

picture.src = canvas.toDataURL();

Обновление

Я же написал, что эта функция есть у canvas, а не у объекта jquery, в котором он находится))

var canvas = $(this).closest('.preview').find('canvas').clone();
var dataImage = canvas[0].toDataURL();

Обновление 2

Ох, это что-то вроде адреса URL, но который сам же и хранит ответ без запросов. Просто присвойте ее картинке как адрес <img src="%вставить%" />. Ну или кодом:

$('картинка').attr("src",dataImage);

Опять редактор ссылку не воспринимает... Тогда текстом:

https://ru.wikipedia.org/wiki/Data:_URL

4
  • Ругается так: ncaught TypeError: undefined is not a function var image = $(this).closest('.preview').find('canvas').clone(); alert(image.toDataURL());
    – Jony
    13 ноя 2014 в 22:17
  • Это будет картинка или же путь к картинке? Как ее отобразить?
    – Jony
    13 ноя 2014 в 22:47
  • В этом и дело - что не работает так - вижу, что в SRC есть data, но картинка не отображается.
    – Jony
    13 ноя 2014 в 23:02
  • 1
    Угу, понятно, при клонировании объекта canvas его содержимое не сохраняется. Если убрать clone(), то все будет нормально. Если нужен клон, то придется поступить иначе: stackoverflow.com/questions/3318565/…
    – Alex Krass
    13 ноя 2014 в 23:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.