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

标签 css background processing processing.js

我想使用用 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/

相关文章:

javascript - 使用 step-before 或 step-after 插值时的 D3 线型

c# - 如何在运行时更改选项卡的背景图像?

java - 即使有退出条件,欧几里得树对象堆栈溢出错误

html - 盒子模型 - 为什么带粘性页脚的页眉螺钉的边距

css - 悬停时显示 Material 复选框动画

android - 奇怪的 ListView 滚动问题

css - SCSS/SASS 背景图片 url 更改

javascript - 页面更改时加载的背景图像

javascript - 处理语言 vs javascript?

java - 实时绘制图表,随着时间的推移向后移动点