используя скриншот glitch-canvas в качестве фона изображения p5

Question

Я студент, в настоящее время работающий над расширением браузера (работающим на Chrome), где я использую библиотеки glitch-canvas и p5.Это расширение делает снимок экрана вашей текущей веб-страницы, а затем в новой вкладке делает с ним слитное изображение (https://github.com/zky829/viewport-glitcher). Я пытаюсь расширить существующее расширение, добавляя анимацию p5 поверх слитого изображения. Однако скод, который я имею, делает холст p5 под изображением вместо того, чтобы использовать изображение в качестве фона, как я хочу. Это код

"use strict";
var bg;
var y = 0;
var glitchId = 100;

function setup() {
 bg = loadImage('*?screenshot.html?id=' + glitchId++);
 createCanvas(innerWidth, innerHeight);
}

function draw() {
  background(bg);

  stroke(226, 204, 0);
  line(0, y, width, y);

  y++;
  if (y > height) {
    y = 0;
  }
}

function setScreenshotUrl(url) {
    var glitchParams = {
        amount:     Math.random()*99,
        iterations: Math.random()*99,
        quality:    Math.random()*99,
        seed:       Math.random()*99
    };

Как это исправить, чтобы изображение создавалось браузеромрасширение также функционирует как холст для рисунка p5?