如何在自定义 canvas in 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 中找到更多信息。

如何在自定义 canvas in reveal.js 幻灯片中继承背景？

How to inherit background in a custom canvas in reveal.js slides?

javascript

reveal.js

p5.js