使用資料 URL 向 HTML5 畫布繪製圖像


如果擁有資料 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;

更新於: 2020 年 3 月 4 日

1K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

入門
廣告
© . All rights reserved.