Question

我正在查看Processing.js快速启动示例： http://processingjs.org/articles/jsQuickStart.html并试图复制这个“简单”的例子：

 <!DOCTYPE html>
 <html>
 <head>
   <title>Hello Web - Processing.js Test</title>
   <script src="https://cdn.rawgit.com/processing-js/processing-js/v1.4.8/processing.js"></script>
</head>
<body>
  <h1>Processing.js Test</h1>
    <p>This is my first Processing.js web-based sketch:</p>
    <canvas data-processing-sources="hello.pde"></canvas>
</body>
</html>

这就是我的hello.pde文件：

void setup() {
size(200, 200);
background(100);
stroke(255);
ellipse(50, 50, 25, 25);
println("hello web!");
}

另外，我已将我的文件（.pde和.html文件）放入我的MAMP服务器，并通过localhost访问它们：http://localhost:8888/testprocessing.html

但画布上没有任何内容，我在控制台中收到此错误： processing.js:799 Uncaught SyntaxError: Unexpected string。这就是在799行上处理.js中的代码：

function loadBlock(index, filename) {
  function callback(block, error) {
    code[index] = block;
    ++loaded;
    if (error) {
      errors.push(filename + " ==> " + error);
    }
    if (loaded === sourcesCount) {
      if (errors.length === 0) {
        try {
          return new Processing(canvas, code.join("\n"));
        } catch(e) {
          console.log("Processing.js: Unable to execute pjs sketch.");
          throw e; //this is line 799
        }
      } else {
        throw "Processing.js: Unable to load pjs sketch files: " + errors.join("\n");
      }
    }
  }

我对javascript很新，错误来自processing.js文件，而不是我的代码，任何人都可以解释？谢谢！

Answer 1

您需要使用您目前使用的库的全名重写处理库的路径。

例如，如果您使用1.4.8版，则必须编写：//./././processing-1.4.8.js

processing.js示例不起作用

1 个答案: