Lukis URL data sebagai imej pada kanvas HTML5

Jika anda mempunyai URL data, anda boleh mencipta imej pada kanvas. Ini boleh dilakukan seperti yang ditunjukkan dalam coretan kod berikut - kaedah

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

drawImage() melukis imej, kanvas atau video ke atas kanvas. Kaedah drawImage() juga boleh melukis sebahagian daripada imej, dan/atau menambah/mengurangkan saiz imej.

Kod yang diberikan di bawah juga berfungsi untuk jujukan ini - buat imej, tetapkan onload untuk menggunakan imej baharu dan kemudian tetapkan src -

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

Atas ialah kandungan terperinci Lukis URL data sebagai imej pada kanvas HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!