home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

โหลดรูปภาพจาก URL และวาดลง HTML5 Canvas

คุณต้องสร้าง image object ใน JavaScript แล้วตั้งค่า src แต่ต้องรอ load event ก่อนจึงจะวาดได้

Canvas:

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var myImg = new Image();
myImg.onload = function() {
  context.drawImage(myImg, 0, 0);
};
myImg.src = 'https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2';