我创建了一个按钮(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)
显示正确的数字......
我真的找不到其他可能的故障。请有任何建议。