根據 data URL 為 HTML5 畫布繪製圖像


如果您有 data url,則可以為畫布建立一個影像。具體操作方法如下所示 −

var myImg = new Image;
myImg.src = strDataURI;

drawImage() 方法將影像、畫布或影片繪製到畫布上。drawImage() 方法還可以繪製圖像的某一部分,或者增大/減小影像大小。

下面給出的程式碼還適用於以下步驟——建立影像、設定 onload 以使用新影像,然後設定 src −

// load image from data url
Var Obj = new Image();
Obj.onload = function() {
   context.drawImage(myImg, 0, 0);
};
Obj.src = dataURL;

更新時間:04-Mar-2020

1K+ 瀏覽量

開啟你的 職業生涯

完成課程獲得認證

開始
廣告