好的,所以我希望有一个带有一个画布的网页,我选择使用javascript函数加载哪个Processing.js项目 .

现在我正在尝试做的是首先有这个画布:

<canvas id="can1" data-processing-sources='empty.pde'></canvas>

这是一个空的Processing项目 . 但后来我点击了一个运行这个javascript函数的按钮:

document.getElementById('can1').data-processing-sources="circles.pde";

这样我就可以将源项从空项目更改为circles.pde . 但javascript不会让我改变这样的数据处理源;它给了我

Uncaught ReferenceError: Invalid left-hand side in assignment

在doc.gelement.data-processing-sources = circles.pde行上

难道不可能像这样更改画布的来源吗?如果没有,我还有什么其他选择才能达到同一目标?