Processing 我的HTML文件可以'；无法在浏览器中加载我的PDE文件？
我使用processing.js创建了一个草图文件，并将其保存到pde文件中。我保存了processing.js源文件、html文件和草图pde文件，并在chrome控制台中出现以下错误： XMLHttpRequest失败，可能是由于同源策略冲突 我觉得我的html在源代码集成方面是正确的，并且我的pde文件保存正确，所以我不确定为什么html文件没有加载草图。 以下是我的以下文件： hello_web.pde:Processing 我的HTML文件可以'；无法在浏览器中加载我的PDE文件？,processing,processing.js,Processing,Processing.js,我使用processing.js创建了一个草图文件，并将其保存到pde文件中。我保存了processing.js源文件、html文件和草图pde文件，并在chrome控制台中出现以下错误： XMLHttpRequest失败，可能是由于同源策略冲突 我觉得我的html在源代码集成方面是正确的，并且我的pde文件保存正确，所以我不确定为什么html文件没有加载草图。 以下是我的以下文件： hello_web.pde: void setup（）{ 大小（200200）； 背景（100）； 中风（255
void setup（）{
大小（200200）；
背景（100）；
中风（255）；
椭圆（50,50,25,25）；
println（“你好，网络！”）；
}
<!DOCTYPE html>
<html>
<head>
<title>Hello Web - Processing.js Test</title>
<script src="processing-1.0.0.min.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-web.pde"> .
</canvas>
</body>
</html>
Hello Web-Processing.js测试
Processing.js测试
这是我第一次基于web的Processing.js
草图：
.
谢谢 这是因为Chrome对file:///的处理与http:///不同，并且本地调用其他文件的JavaScript违反了同源策略。因此，您需要从本地服务器上运行此操作，以便在您的地址前面有http://。您可以在上阅读更多关于此的信息 如果您希望轻松启动服务器，那么运行
python-mhttp.serverpython-mhttp.server<!DOCTYPE html>
<html>
<head>
<title>My Sketch</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.0/processing.min.js"></script>
</head>
<body>
<script type="application/processing">
void setup(){
size(200, 200);
}
void draw(){
background(64);
ellipse(mouseX, mouseY, 20, 20);
}
</script>
<canvas> </canvas>
</body>
</html>
我的素描
无效设置（）{
大小（200200）；
}
作废提款（）{
背景（64）；
椭圆（mouseX，mouseY，20,20）；
}