從 url 載入影像並繪製到 HTML5 畫布

你需要在 JavaScript 中建立影像物件，然後設定 src。

不過，在繪製之前，你需要等待載入事件。

以下為畫布

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var myImg = new Image();
img.onload = function() {
   context.drawImage(myImg, 0, 0);
};
img.src = 'https://tutorialspoint.tw/images/seaborn-4.jpg?v=2';

Lakshmi Srinivas

更新於： 28-Jan-2020

3K+ 瀏覽

開啟你的 職業之旅

透過完成課程獲得認證

開始