Vẽ hình ảnh từ URL dữ liệu sang canvas HTML5

Nếu bạn có url dữ liệu, bạn có thể tạo hình ảnh cho canvas. Điều này có thể được thực hiện như được hiển thị trong đoạn mã sau -

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

Phương thức drawImage () vẽ một hình ảnh, canvas hoặc video vào canvas. Phương thức drawImage () cũng có thể vẽ các phần của hình ảnh và / hoặc tăng / giảm kích thước hình ảnh.

Đoạn mã dưới đây cũng phù hợp với trình tự - tạo hình ảnh, đặt tải trọng để sử dụng hình ảnh mới, sau đó đặt src -

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