html5数组画布图像故障_Html_Html5 Canvas

html5数组画布图像故障

html html5-canvas

html5数组画布图像故障,html,html5-canvas,Html,Html5 Canvas,我只想做一个简单的幻灯片演示，但不起作用。连我都说： var mycars=new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; alert(mycars[0]); 但它不警觉。有人能帮我吗用密码？什么问题我认为问题在于数组对象。请帮忙！！快点！！谢谢大家 <html> <head> <title></title> <script la

我只想做一个简单的幻灯片演示，但不起作用。连我都说：

var mycars=new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
alert(mycars[0]);

但它不警觉。有人能帮我吗用密码？什么问题

我认为问题在于数组对象。请帮忙！！快点！！谢谢大家

<html>

<head>
<title></title>

<script language="javascript">
//start from img[0]
var imgNum = 0;
var currentImg = 0;
var img = new Array();
var canvas = document.getElementById('canv');
canvas.width = 500;//document.body.clientWidth
canvas.height = 500;//document.body.clientHeight

var context = canvas.getContext('2d');

function loadImg(){
        alert("loadimg work");
        img[imgNum] = new Image();
        img[imgNum].addEventListener('load', eventLoaded, false);
        img[imgNum].src = String(imgNum)+".jpg";    
}

loadImg();

    function eventLoaded(){
        alert("loaded");
        if(imgNum==0){      
            context.drawImage(img[0], 0, 0);
        }
        imgNum = imgNum+1;
        loadImg();
    }

function clicked(){
    alert('clicked');
    context.clearRect(0, 0, canvas.width, canvas.height);
    var displayImgNum = currentImg+1;
    context.drawImage(img[displayImgNum], 0, 0);
}
</script>
</head>


<body>
<canvas id="canv" onclick="clicked()">Your browser doesn't support HTML5.</canvas>
</body>

</html>


//从img开始[0]
var imgNum=0；
var currentImg=0；
var img=新数组（）；
var canvas=document.getElementById（'canv'）；
画布宽度=500//document.body.clientWidth
高度=500//document.body.clientHeight
var context=canvas.getContext（'2d'）；
函数loadImg（）{
警报（“装载工作”）；
img[imgNum]=新图像（）；
img[imgNum].addEventListener（'load'，eventLoaded，false）；
img[imgNum].src=String（imgNum）+“.jpg”；
}
loadImg（）；
函数eventLoaded（）{
警报（“已加载”）；
如果（imgNum==0）{
drawImage（img[0]，0,0）；
}
imgNum=imgNum+1；
loadImg（）；
}
函数单击（）{
警报（“点击”）；
clearRect（0，0，canvas.width，canvas.height）；
var displayImgNum=currentImg+1；
drawImage（img[displayImgNum]，0,0）；
}
您的浏览器不支持HTML5。

请删除

function loadImg(){
        alert("loadimg work");
        img[imgNum] = new Image();
        img[imgNum].addEventListener('load', eventLoaded, false);
        img[imgNum].src = String(imgNum)+".jpg";    
}

loadImg();

为什么？我想在用户查看照片时预加载图像。删除后，如何预加载？