帶圖像處理中的Web導出？

Question

這可能是一個明顯的問題，但我沒有看到它在任何地方解決，但我想弄清楚爲什麼我的處理草圖的Web導出不檢索保存的圖像？我想我應該打包與其他文件的圖像，但只是將圖像放在同一個文件夾似乎不工作。我也知道我輸出它是正確的，因爲當我輸出沒有保存圖像的草圖（只是在程序中創建的形狀或文本）時，它工作得很好。

有沒有人有這方面的經驗？如果這有所幫助，代碼就在下面（這真的很簡單）。謝謝！

draw.pde

void setup() { 
    size(1280,800); 
    background(255,255,255); 
} 

void draw() { 
    PImage img; 
    img = loadImage("drake.png"); 
    image(img, mouseX, mouseY); 
} 

Answer 1

處理的JavaScript模式使用異步加載圖像。這意味着圖像將在後臺加載，並且在您嘗試繪製圖像時不會加載該圖像。

快速修復（即使在Java模式下，您也應該使用該功能）不會將圖片加載到draw()函數中：您將每秒重新加載相同的文件60次！相反，在草圖開始時加載一次。

此外，如果您使用的是Processing.js，那麼您需要在頂部預加載。

/* @pjs preload="drake.png"; */ 

PImage img; 

void setup() { 
    size(1280,800); 
    img = loadImage("drake.png"); 
    background(255,255,255); 
} 

void draw() { 
    image(img, mouseX, mouseY); 
} 

更多的信息在Processing.js參考here。