Javascript正在加載圖像

我已經創建了一個html5 web應用程序來顯示數據，並且我使用了一個叫做Wipetouch的jquery插件來進行模擬滑動手勢。當擦除手勢被觸發時，我所做的只是通過javascript函數重新繪製所有數據。我意識到這不是最佳的解決方案，因爲圖像是靜態的，並且每次滑動時都會加載。任何想法都會很棒。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修補程序在我的情況下不起作用。

來源

2012-04-04 kshreve

你能告訴我們js函數嗎？ – 2012-04-04 17:22:05

請顯示HTML和JS。我們不能只用你的話來跟蹤具體情況。 – jfriend00 2012-04-04 17:22:44

你可以把圖像放在你的html中，並給他們一個類的CSS有display：none ;.然後，當您調用該函數時，可以將顯示的圖像的類更改爲display：block;或者您需要顯示它們。滑動後請務必將該類更改回來，以便新圖像顯示並且舊圖像不再可見。這樣，每次調用滑動時它們都不會再次生成。

來源

2012-04-04 17:24:47

Javascript正在加載圖像

回答

相關問題