我如何在Wordpress中使用Fabric JS canvas

Question

我已经在Wordpress中创建了自定义插件。但是画布无法正常工作。 我已经使用背景图片创建了画布。它在外面正常工作。 每当我在Wordpress中使用背景图片创建画布时。它与背景图片一起显示，但是当我在画布上单击任意位置时，背景图片就会丢失。 请参阅下面的代码。

var context = canvas.getContext('2d');
var img = new Image();
canvas = new fabric.Canvas('canvas');
var imgElement = document.getElementById('my-image');
var aspect = imgElement.width / imgElement.height;
img.src = "background.jpg";
canvas.backgroundColor = "#fff";
canvas.backgroundImageStretch = true;
canvas.backgroundImageWidth = 500;
canvas.setBackgroundImage(img.src, canvas.renderAll.bind(canvas), {
  scaleX: canvas.width / imgElement.width,
  scaleY: canvas.width / (imgElement.height * aspect)
});
canvas.renderAll();