將HTML文件導入到處理中

我一直在大學第一年工作，並且負責在Processing中創建應用程序。將HTML文件導入到處理中

我的團隊和我決定創建一個基本的HTML模板，因此我們可以在頁面中處理中調用div's並將它們設置爲rect。

要連接HTML和Processing，我認爲我們可以將import它加入到Processing文件中，就像這樣;

import index.html;

所有HTML文件我也有，但是這是行不通的。

我使用了該網頁的import示例; http://processing.org/reference/import.html

有誰知道是否有方法導入HTML文件，或者我必須通過其他方法嗎？

我是相當新的處理所以任何幫助，將不勝感激

編輯

這裏是一個例子rect();

//top right panel 
rect(345, 280, 310, 200, 1, 20, 1, 20);

和div由名稱top-right-panel，一旦我成功地鏈接文件，應加載到這個矩形。目前（例如）HTML中的代碼是;

<div id = "top-right-panel"> 
    <title>Shop Online</title> 
    <!-- List of latest deals on guiding shop --> 
      <p> This is example text</p> 
</div>

來源

2013-11-25 Megan Sime

我認爲你正在尋找的是： [http：// stackoverflow.com。COM /問題/ 8988855 /包括-另一個-HTML文件-IN-A-HTML文件] [1] [1]：http://stackoverflow.com/questions/8988855/include-another -html-file-in-a-html-file –

你能提供一個簡單的例子嗎？ –

你的問題很混亂。「呼叫分區」沒有意義，我不知道你的意思是「設置他們的反應」。 –

處理不使用或理解HTML。這是一種在視圖中繪製事物的編程語言。您可以創建一個HTML頁面，並將其中一個元素定義爲視圖，但不能使Processing處理HTML。要訪問HTML的DOM需要純JavaScript，Processing不允許你這樣做。

這意味着：如果你想要一個rect，那麼你需要在處理腳本中定義它。你不能說「創建這個div一個rect」

因此，「基本模板」需要有一些東西，準備視圖，加載JavaScript，然後你要顯示的處理腳本。

[編輯]處理使用canvas元素來呈現腳本。 A canvas不能將其他HTML元素作爲子元素，因此您不能將div作爲子元素。

有一些框架可以在canvas元素中呈現HTML，但他們分析HTML代碼並將其轉換爲「在此處繪製線條，在其中繪製文本」命令。處理無法做到這一點。

您將不得不弄清楚如何自己繪製線條和文本，並相應地編寫腳本，以使其看起來好像瀏覽器爲您完成了渲染。

來源

2013-11-25 12:42:51

網站http://processingjs.org/articles/p5QuickStart.html暗示我可以使用處理和HTML在一起，我想我可以操縱它，所以我可以上傳到openprocessing.org，並將它仍然可以工作。當我提交我的任務時，它必須是這個網站。對不起： -/ –

openprocessing.org採用純腳本，沒有HTML模板。您的問題是「如何模擬openprocessing.org」或「我如何從處理中訪問DOM」？ –

將HTML文件導入到處理中

回答

相關問題