2013-11-25 79 views
0

我一直在大学第一年工作,并且负责在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> 
+0

我认为你正在寻找的是: [http:// stackoverflow.com。COM /问题/ 8988855 /包括-另一个-HTML文件-IN-A-HTML文件] [1] [1]:http://stackoverflow.com/questions/8988855/include-another -html-file-in-a-html-file –

+0

你能提供一个简单的例子吗? –

+0

你的问题很混乱。 “呼叫分区”没有意义,我不知道你的意思是“设置他们的反应”。 –

回答

0

处理不使用或理解HTML。这是一种在视图中绘制事物的编程语言。您可以创建一个HTML页面,并将其中一个元素定义为视图,但不能使Processing处理HTML。要访问HTML的DOM需要纯JavaScript,Processing不允许你这样做。

这意味着:如果你想要一个rect,那么你需要在处理脚本中定义它。你不能说“创建这个div一个rect

因此,“基本模板”需要有一些东西,准备视图,加载JavaScript,然后你要显示的处理脚本。

[编辑]处理使用canvas元素来呈现脚本。 A canvas不能将其他HTML元素作为子元素,因此您不能将div作为子元素。

有一些框架可以在canvas元素中呈现HTML,但他们分析HTML代码并将其转换为“在此处绘制线条,在其中绘制文本”命令。处理无法做到这一点。

您将不得不弄清楚如何自己绘制线条和文本,并相应地编写脚本,以使其看起来好像浏览器为您完成了渲染。

+0

网站http://processingjs.org/articles/p5QuickStart.html暗示我可以使用处理和HTML在一起,我想我可以操纵它,所以我可以上传到openprocessing.org,并将它仍然可以工作。当我提交我的任务时,它必须是这个网站。对不起: -/ –

+0

openprocessing.org采用纯脚本,没有HTML模板。您的问题是“如何模拟openprocessing.org”或“我如何从处理中访问DOM”? –