首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从浏览器缓存加载图像的HTML5画布

从浏览器缓存加载图像的HTML5画布
EN

Stack Overflow用户
提问于 2019-05-14 03:10:04
回答 2查看 801关注 0票数 0

每次使用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的清除缓存工具。我以为图像会在执行时加载,每次都会加载图像,但似乎并非如此。

我如何修复它,使其加载实际的图像文件?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56118527

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档