為什么圖片出不來啊- -
var can;
var ctx;
var w;
var h;
var girlPic=new Image();
function init()
{
? can=document.getElementById("canvas");
? ctx=can.getContext("2d");
? w=can.width;
? h=can.height;
? girlPic.src="img/girl.jpg";
? gameloop(); ?
}
document.body.onload=init;
function gameloop()
{ ??
? ? ? ?drawGirl();
//drawBackground();?
? ? ?// window.requstAnimFrame(gameloop()); ?
} ?
function drawBackground()
{
ctx.fillStyle="#393550";
ctx.fillRect(0,0,w,h);
}
function drawGirl()
{
//drawImage(img,x,y)
//x軸坐標(biāo)正方向向右，Y軸坐標(biāo)正方向向下,(0,0)在canvas左上角
ctx.drawImage(girlPic,100,100);
}
2016-11-15
我是因為把canvas的寬高寫在樣式表中了，所以圖片顯示不出來，不知道你是不是。
2016-10-25
我也遇到這個問題，好像是和圖片的異步加載有關(guān)，圖片沒有加載出來就draw了就一片空白了，可以看一下這篇文章：https://my.oschina.net/710409599/blog/531498
那么問題又來了，當(dāng)圖片可以加載出來的時候好像尺寸和圖片清晰度也不對勁，希望有大神能回答啊
2016-06-15
難道是你的圖片寬高沒定義嗎?
ctx.drawImage(girlPic,100,100,600,300);