0

我创建了一个按钮(new_a_window),当它被按下时,它将在 html 中附加一个带有图像的按钮。

$( '#new_a_window').bind('click',function(){
    $('#story_pages').append('<div><button value="'+window_value+'" onclick="reload_to_canvas(this.value) "  ><img id= "w'+window_value+'" src="../pic/white_img.png" width="100px", height="100px"/> </button></div>');
    window_value= window_value+1;   
});

当每个新按钮被点击时,它会将其值发送给一个函数:

var write_back_to_canvas;
function reload_to_canvas(dataURLindex){    
    write_back_to_canvas = new Image(); //to new a object each time.        
    alert(dataURLindex);//check the dataURLindex content.
    current_page=dataURLindex; 
    write_back_to_canvas.src= img_dataURLs[dataURLindex];
    context.drawImage(write_back_to_canvas,0,0);
}

问题是:这不行。(将dataURL的图像重新绘制到画布上)经过多次测试,我发现问题不是画布的drawImage方法。

是dataURLindex的问题。

因为我试图将参数 dataURLindex 替换为整数,例如:0、1、2 或 3... 而这个工作。但是当我使用variable(dataURLindex)作为索引时,它再次变得无效。奇怪的是,alert(img_dataURLs[dataURLindex]) 我可以看到内容......并alert(dataURLindex)显示正确的数字......

我真的找不到其他可能的故障。请有任何建议。

4

0 回答 0