для чего в canvas нужен toDataURL()?

toDataURL()

для чего он нужен? Я не могу понять, объясните пожалуйста. Желательно с примером/ Пожалуйста, можете показать пример использования.


Ответы (1 шт):

Автор решения: NoSkill

Вы просили пример использования... Пример: нарисовать изображение и задать его в качестве фона страницы.

var canvas = window.document.createElement("canvas");
canvas.width  = 100;
canvas.height = 100; 

var context = canvas.getContext("2d");
context.beginPath();
context.arc(50, 50, 50, 0, 2 * Math.PI);
context.stroke(); 

var dataURL = canvas.toDataURL();

window.document.body.style.backgroundImage = "url(" + dataURL + ")";

→ Ссылка