css - 使用草图作为背景的processing.js

我想使用用PDE编写的草图作为网页的背景。这可能吗？

我尝试在此CSS代码中使用sketch.pde文件，但没有任何乐趣：

html {
background: url(sketch.pde) no-repeat center center fixed;

}

更新资料

我像这样设置画布：

<canvas id="twit" data-processing-sources="twit.pde"
height="window.innerHeight-10"
width="window.innerWidth"
tabindex="0"
style="image-rendering">
</canvas>

然后使用-moz-element引用.css中的画布：

{background: -moz-element(#twit) no-repeat;}

最佳答案

据我了解，.pde是文本文件而不是图像文件。因此，它不会作为背景。我看到的pde显示的唯一方法是使用canvas HTML元素和一个Java applet，但是我自己没有经验。 This其他的SO问题也许可以帮助使canvas成为背景，并检查出处理js main page的来源，以了解他们如何将其放入元素中。

关于css - 使用草图作为背景的processing.js，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9639145/