从 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.com/images/seaborn-4.jpg?v=2';

Lakshmi Srinivas

更新于： 28-Jan-2020

3K+ 浏览

开启你的 职业之旅

通过完成课程获得认证

开始