如何在reveal.js幻灯片的自定义画布中继承背景？

Question

我正在尝试复制在此博客 http://vda-lab.github.io/2016/07/interactive-visualizations-in-revealjs-markdown# 上所做的事情，即在reveal.js 幻灯片中使用自定义 JavaScript 文件进行交互式幻灯片。我们如何让下面的脚本继承reveal.js幻灯片的背景颜色？

var viz_function = function(p) {
   p.setup = function() {
   var myCanvas = p.createCanvas(800,600)
   myCanvas.parent('viz2')
   p.noStroke()
   p.noLoop() 
   }

   p.draw = function() {
      p.background(255,255,255) //Setting this manually will work; but it will not be a generic solution
      p.fill(0,255,0)
      p.ellipse(p.mouseX,p.mouseY,20,20)
    }

   p.mouseMoved = function() {
       p.redraw()
   }
 }
var viz = new p5(viz_function)

一个明显的解决方案是手动设置背景颜色。但是，如果要更改reveal.js 的主题，这种方法将失败。从幻灯片或reveal.js的主题中继承背景颜色的更通用的方法是什么？

Answer 1

使用clear() 函数清除旧帧而不用特定颜色绘制背景。

function setup() { 
  createCanvas(400, 400);
} 

function draw() { 
  clear();
  ellipse(mouseX, mouseY, 20, 20);
}

更多信息可以在the reference找到。