从 url 加载图像并绘制到 HTML5 Canvas

javascriptweb developmentfront end scripts

您需要在 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://www.tutorialspoint.com/images/seaborn-4.jpg?v=2';

相关文章