Преобразование холста HTML5 в элемент IMG

Я хотел бы изменить размер, растянуть холст HTML5 каким-то образом, чтобы холст действовал как элемент IMG: установите width-height по пикселям, процентам...

интересно, есть ли способ конвертировать/экспортировать холст HTML5 в элемент IMG или каким-то образом сделать это возможным непосредственно в canvas.

HTML5 CANVAS resize acting like IMG

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

Я использую библиотеку KineticJS для деталей.

пожалуйста, помогите мне! Большое вам спасибо! И прости за мой плохой английский...

1 ответов


во-первых, дайте холсту id (например,example). Затем, используя простой JavaScript, вы можете создать изображение на основе этого холста и стиль его:

var canvas = document.getElementById('example'),
    dataUrl = canvas.toDataURL(),
    imageFoo = document.createElement('img');
imageFoo.src = dataUrl;

// Style your image here
imageFoo.style.width = '100px';
imageFoo.style.height = '100px';

// After you are done styling it, append it to the BODY element
document.body.appendChild(imageFoo);