Question

我已经创建了一个用于显示数据的html5网络应用程序，并且我使用了一个名为Wipetouch的Jquery插件模仿滑动手势。当触发擦除手势时，我所做的就是通过javascript函数用新数字重绘我的所有数据。我已经意识到这不是最佳解决方案，因为图像是静态的，并且每次刷卡时都会加载。任何想法都会很棒。

修改的

var img01 = new Image();
enter code here
img01.onload = function () {
    ctx.drawImage(img01, x, y, img01.width * 2, img01.height * 2);
    ctx.fillStyle = "white";
    //draw text
    ctx.font = "bold 28pt Calibri";
    ctx.fillText(monthname[date.getMonth()], x+51, y+135);
    ctx.fillText(d[1], x+47, y+37);
}
img01.src = 'images/retail_car.png';

我为之前没有说清楚而道歉。我在画布上绘制图像，每次wipetouch插件注册滑动时都会触发此代码。我想让所有东西都留在画布上，所以上面提到的CSS修复在我的情况下不起作用。

Answer 1

你可以把图像放在你的html中，并在css中给它们一个有display：none;的类。然后，当您调用该函数时，您可以将显示图像的类更改为display：block;或者你需要它们显示。请务必在滑动后更改课程，以便显示新图像并且不再显示旧图像。这样，每次调用滑动时，它们都不会再次生成。

Javascript加载图片

1 个答案: