将图像绘制到<canvas> </canvas>

时间:2012-05-14 20:53:36

标签: javascript canvas html5-canvas

我试图将图像(png文件)绘制为a作为背景图像,我不知道为什么到目前为止我没有使用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';

关于我做错的任何想法?

1 个答案:

答案 0 :(得分:1)

我是unable to reproduce your problem,所以我唯一可以猜到的是你的路径错误或你的形象有问题。

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