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

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

javascript

Javascript 另一个处理js文件的访问功能,javascript,processing.js,Javascript,Processing.js,我有两个processing.js文件，都显示在带有canvas标记的网页上。我希望能够定期在这两个程序之间传递一个变量。我四处寻找如何做到这一点，我在堆栈溢出上找到了答案。它说要这样做： instance = Processing.getInstanceById('second'); instance.hi(); 运行hi功能。我试过了，但出了一个错误。我还可以做其他类似的事情： instance.ellipse(50,50,10,10); 在另一张画布上画出了一个椭圆，就像人们想象的那样

我有两个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

source.pde

你如何定义你的

hi（）

函数？@KevinWorkman

var hi=function（）{println（“hello world”）；}代码中的那一行在哪里？如果你发一个帖子，你的运气会好得多。@KevinWorkman我在问题中添加了我的代码。错误#是1699而不是2911。您如何定义hi（）
函数？@KevinWorkmanvar hi=function（）{println（“hello world”）}代码中的那一行在哪里？如果你发一个帖子，你的运气会好得多。@KevinWorkman我在问题中添加了我的代码。错误是1699而不是2911。
<!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>

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


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

void draw(){

ellipse(50,50,20,20);

}

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


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

void draw(){

ellipse(20,20,10,10);

}