Question

我有两个processing.js文件都显示在带有canvas标签的网页上。我希望能够定期在这两个程序之间传递一个变量。我正在四处寻找如何做到这一点，我在堆栈溢出处找到了答案。据说这样做：

instance = Processing.getInstanceById('second');
instance.hi();

运行hi函数。我试过了，但得到了一个错误。我能够做到这样的其他事情：

instance.ellipse(50,50,10,10);

它在另一个画布上制作了一个像它应该的椭圆。

我做错了什么？我可以使用的任何其他东西？错误具体说明了这一点：

TypeError：instance.hi不是函数。（在'instance.hi（）'中，'instance.hi'未定义）
（匿名函数）processing.js：2911

的修改

HTML

<!DOCTYPE html>
<html>
<head>

<title>Test</title>
<script src="processing.js"></script>

</head>
<body>

<canvas data-processing-sources="get.pde"></canvas>
<p>test</p>
<canvas id ="source" data-processing-sources="source.pde"></canvas>

</body>
</html>

get.pde

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


void mouseOver(){
instance = Processing.getInstanceById('source');
console.log(instance);
instance.hi();
}

void draw(){

ellipse(50,50,20,20);

}

source.pde

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


var hi=function(){println("hello world");};

void draw(){

ellipse(20,20,10,10);

}

访问另一个处理js文件的功能

0 个答案: