我想使用用 PDE 编写的草图作为网页的背景。这可能吗?
我尝试在此 css 代码中使用 sketch.pde 文件,但没有任何乐趣:
html {
background: url(sketch.pde) no-repeat center center fixed;
}
更新
我像这样设置 Canvas :
<canvas id="twit" data-processing-sources="twit.pde"
height="window.innerHeight-10"
width="window.innerWidth"
tabindex="0"
style="image-rendering">
</canvas>
然后使用 -moz-element 引用 .css 中的 Canvas :
{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/