processing.js使用草图作为背景

时间:2012-03-09 18:29:44

标签: css background processing 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;}

1 个答案:

答案 0 :(得分:2)

据我所知,.pde是一个文本文件而不是图像文件。因此它不能作为背景。我看到pde显示的唯一方法是使用canvas HTML元素和一个java applet,但我没有自己做过的经验。 This其他问题可能有助于让canvas看起来像一个背景,同时查看处理来源-j main page以了解他们如何放置它进入元素。