从 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';