Question

我已经无数次尝试过了。根据processing.js网站，在浏览器中运行草图所需的一切都是以下html代码：

<script src="processing-1.4.1.min.js"></script>

<canvas data-processing-sources="example.pde"></canvas>

我通过启动服务器测试了processing.js编译器中的代码，但代码工作正常但是在这里：

void setup()
{
  size(200,200);
}

boolean pressed=false;

void draw()
{
  if (pressed)
    background(255);
  else
    background(0);  
}

void mousePressed()
{
  pressed=true;
}

void mouseReleased()
{
  pressed=false;
}

我不知道是否存在目录问题或者我将.txt文件保存为包含此查询顶部的html代码的example.html。此html文件与example.pde文件保存在同一目录中。任何帮助，将不胜感激。

Answer 1

我认为您可能遇到同源政策问题。我能够通过本地网络服务器运行您的草图，但当我尝试用Chrome打开HTML文件时，我得到了这个（右键单击页面＆gt; Inspect element＆gt; Console选项卡）：

Uncaught Processing.js：无法加载pjs草图文件：example.pde ==＆GT; XMLHttpRequest失败，可能是由于同源策略违规造成的。您可以尝试在其他浏览器中加载此页面，或加载它来自http：// localhost使用本地网络服务器。见 Processing.js README有关此问题的更详细说明和解决方案。

您可以找到Processing.js自述文件here，但基本上您可以运行本地网络服务器，或尝试在其他浏览器中打开您的HTML文件（可能是Firefox），或者在您的网站中禁用同源策略检查浏览器（例如chrome --disable-web-security）。请注意，最后一个选项是不安全的，如上面链接的自述文件中所述。

如果此解决方案适合您，请告诉我。

为什么这个工作不能处理？

1 个答案: