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

Question

我想将使用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;} 

Answer 1

从我所知，.pde是一个文本文件而不是图像文件。因此它不会作为背景。我见过的pde的唯一方法是使用canvas HTML元素和一个java applet，但我自己没有经验。 This其他SO问题可能能够帮助将canvas看作是背景，并检查处理来源以了解它们如何放入元素。