使用html觀看java按鈕點擊

我使用Processing IDE創建了一個應用程序，該應用程序允許用戶在HTML草圖上繪製。使用html觀看java按鈕點擊

現在，應用程序是這樣的：

所以，當我點擊「新素描」，它會創建一個新的sketch.html文件的文件夾中。現在，我想通過點擊「餡餅」按鈕創建一個餅圖，它看起來像這樣：

所以基本上，我的問題是，如何讓HTML聽我的Java自定義按鈕功能？（也許通過JSP，但我不知道）

Button類的樣子：

public class Button { 
    String label; // button label 
    float x;  // top left corner x position 
    float y;  // top left corner y position 
    float w;  // width of button 
    float h;  // height of button 

    // constructor 
    Button(String labelB, float xpos, float ypos, float widthB, float heightB) { 
    label = labelB; 
    x = xpos; 
    y = ypos; 
    w = widthB; 
    h = heightB; 
    } 

    void Draw() { 
    fill(218); 
    stroke(141); 
    rect(x, y, w, h, 10); 
    textAlign(CENTER, CENTER); 
    fill(0); 
    text(label, x + (w/2), y + (h/2)); 
    } 

    boolean MouseIsOver() { 
    if (mouseX > x && mouseX < (x + w) && mouseY > y && mouseY < (y + h)) { 
     return true; 
    } 
    return false; 
    } 
}

這是在處理草圖運行

。在草圖中，按下特定按鈕上的鼠標動作由MouseIsOver定義。我想讓我的HTML頁面知道我的按鈕已被點擊並執行以下操作。任何有用的建議將非常有幫助！

來源

2017-08-27 duststar0213

JSP在服務器上運行。你需要這個代碼在瀏覽器本身上運行在客戶端上。

要做到這一點，您需要使用Processing.js將Processing草圖部署爲JavaScript，然後您可以使用this guide編寫純JavaScript與Processing.js之間交互的代碼。

或者您可以將您的草圖移植到P5.js，您已將其標記爲您的問題。這將涉及在P5.js中重寫所有的處理代碼，這是JavaScript。

我有點困惑，爲什麼點擊一個按鈕創建一個文件，但。該文件應該可能已經存在，而不是在草圖運行時手動創建它。

來源

2017-08-27 16:01:00

謝謝凱文！因此，爲了創建文件，我使用了「新的skecth」按鈕。每次點擊時，它都會自動在sketch文件夾中創建帶「.html」和「.js」擴展名的文件。 – duststar0213

使用html觀看java按鈕點擊

回答

相關問題