Dart CanvasElement.toDataUrl用法及代碼示例

返回一個數據 URI，其中包含按類型指定的格式的圖像表示(默認為 'image/png')。

數據Uri格式如下data:[<MIME-type>][;charset=<encoding>][;base64],<data>

當請求type'image/jpeg'或'image/webp'時，可以使用0.0和1.0範圍內的可選參數quality。如果未傳遞quality，則使用默認值。注意：默認值因瀏覽器而異。

如果此畫布元素的高度或寬度為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);

也可以看看：

• Data URI Scheme 來自維基百科。

• HTMLCanvasElement 來自 MDN。

• toDataUrl 來自 W3C。