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

WBOY
發布: 2023-09-17 23:33:15
轉載
1142 人瀏覽過

將一個資料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
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板