3

我创建了一个 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 修复在我的情况下不起作用。

4

1 回答 1

1

您可以将图像放在您的 html 中，并在 css 中为它们提供一个具有 display:none; 的类。然后，当您调用该函数时，您可以将显示图像的类更改为具有 display: block; 的类。或者您需要显示它们。只需确保在滑动后将班级改回，以便出现新图像并且不再可见旧图像。这样，每次您调用滑动时，它们都不会再次生成。

于 2012-04-04T17:24:47.720 回答