使用草圖作爲背景的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看作是背景，並檢查處理來源以瞭解它們如何放入元素。