首頁  >  文章  >  web前端  >  將一個資料URL繪製為HTML5畫布上的影像

將一個資料URL繪製為HTML5畫布上的影像

WBOY
WBOY轉載
2023-09-17 23:33:151091瀏覽

將一個資料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;

以上是將一個資料URL繪製為HTML5畫布上的影像的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除