Estoy tratando de establecer una imagen como fondo para un lienzo, pero la imagen no se cargará hasta que se haga clic en un objeto (rectángulo) en el lienzo.

¿Alguien tiene el mismo problema?

 var canvas = new fabric.Canvas('image_canvas'); canvas.setWidth(window.innerWidth * factor); canvas.setHeight(window.innerWidth / 2 * factor); var canvasHeight = canvas.height; var canvasWidth = canvas.width; //Just a debug statement console.log(canvasWidth, canvasHeight); var bgImg = new fabric.Image(); bgImg.setSrc('<?= $image_src ?>', function () { bgImg.set({ top: 0, left: 0, scaleX: canvasWidth / bgImg.width, scaleY: canvasHeight / bgImg.height, }); }); canvas.setBackgroundImage(bgImg, canvas.renderAll.bind(canvas)); canvas.renderAll();