dart:html

метод toDataUrl

Возвращает URI данных, содержащий представление изображения в формате, указанном параметром type (по умолчанию — 'image/png').

Формат URI данных выглядит следующим образом data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Необязательный параметр quality в диапазоне от 0.0 до 1.0 можно использовать при запросе type 'image/jpeg' или 'image/webp'. Если quality не указан, используется значение по умолчанию. Примечание: значение по умолчанию зависит от браузера.

Если высота или ширина этого элемента canvas равна 0, возвращается 'data:', что означает отсутствие данных.

Если запрошен тип, отличный от 'image/png', а возвращаемое значение — 'data:image/png', значит, запрошенный тип не поддерживается.

Пример использования:

CanvasElement canvas = new CanvasElement();
var ctx = canvas.context2D
..fillStyle = "rgb(200,0,0)"
..fillRect(10, 10, 55, 50);
var dataUrl = canvas.toDataUrl("image/jpeg", 0.95);
// The Data Uri would look similar to
// 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
// AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
// 9TXL0Y4OHwAAAABJRU5ErkJggg=='
//Create a new image element from the data URI.
var img = new ImageElement();
img.src = dataUrl;
document.body.children.add(img);

См. также:

• Схема URI данных в Википедии.

• HTMLCanvasElement на MDN.

• toDataUrl в W3C.

Реализация

String toDataUrl([String type = 'image/png', num? quality]) =>
    _toDataUrl(type, quality);