将图像绘制到<画布>

Drawing an image to a <canvas>

本文关键字：画布 图像 绘制      更新时间：2023-09-26

我试图将图像（png文件）绘制到一个充当背景图像，我不知道为什么到目前为止我拥有的js不起作用。

这是我所拥有的：

var canvas = document.getElementById('hplogo-z');
var cnvs = canvas.getContext('2d');
background = new Image();
background.onload = function(){
  cnvs.drawImage(background, x, y);
}
background.src = 'bg.png';

关于我做错了什么的任何想法？

我无法重现您的问题，所以我唯一能猜到的是您的路径错误或您的图像有问题。

我建议您尝试用 placehold.it 中的内容替换当前路径，或者在不同的位置使用不同的图像，以查看您的图像/路径是否确实有问题。

相关文章：