Как получить картинку из Canvas?

Question

Как получить картинку из Canvas?

Рейтинг: 0Ответов: 1Опубликовано: 14.11.2014

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

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

javascript jquery canvas

Источник: Stack Overflow на русском

Answer 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

Как получить картинку из Canvas?

Ответы