Как в тег img установить данные из canvas?
Есть код, изменяющий фотографии, выбранные пользователем, с помощью холста(canvas). Как его данные поместить в image?
Ответы (1 шт):
Автор решения: Leonid
→ Ссылка
Можно с помощью canvas.toDataURL();:
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const w = canvas.width = 200;
const h = canvas.height = 200;
ctx.fillStyle = 'yellow';
ctx.fillRect(0,0,w,h);
ctx.fillStyle = 'red';
ctx.fillRect(50,50,100,100);
const image = new Image();
image.src = canvas.toDataURL();
document.body.append(image);