每次使用HTML5 canvas时,我都会遇到这个问题:我上传了一张图片,并使用以下代码将其绘制到画布中:
canv = document.getElementById("gc");
canv.width = window.innerWidth;
canv.height = window.innerHeight;
centerX = canv.width / 2;
centerY = canv.height / 2;
ctx = canv.getContext("2d");
image= new Image;
image.src = "images/test.png";
image.onload = function() {
setInterval(game, 1000 / 500);
};
一切都很好,interval调用了一个在画布上移动图像的函数,控制台日志或其他任何东西都没有错误。
问题是,当我在服务器上更改(更新)文件"test.png“时,画布会显示该文件的前一个版本,直到我使用chrome的清除缓存工具。我以为图像会在执行时加载,每次都会加载图像,但似乎并非如此。
我如何修复它,使其加载实际的图像文件?
https://stackoverflow.com/questions/56118527
复制相似问题