Метод 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);
© 2012 the Dart project authors
Licensed under the BSD 3-Clause "New" or "Revised" License.
https://api.dart.dev/stable/2.18.5/dart-html/CanvasElement/toDataUrl.html