Comecei usando o fabric.js e tentando adicionar uma tela dentro de outra tela, para que a tela superior permaneça constante e eu adicionarei objetos à tela interna.

Aqui está o trecho de adição de uma tela a outra tela.

canvas  = new fabric.Canvas('artcanvas');
innerCanvas = new fabric.Canvas("innerCanvas");
canvas.add(innerCanvas);

e meu html fica assim

<canvas id="artcanvas" width="500" height="500"></canvas>
<canvas id="innerCanvas" width="200" height="200" ></canvas>

Depois de adicioná-los com êxito, o que vou fazer é adicionar as coordenadas à tela interna, para que pareçam uma com a outra no usuário final.

No entanto, ocorreu o erro abaixo para o código tentado

    Uncaught TypeError: obj.setCoords is not a function
    at klass._onObjectAdded (fabric.js:6894)
    at klass.add (fabric.js:231)
    at main.js:60
    at fabric.js:19435
    at HTMLImageElement.fabric.util.loadImage.img.onload (fabric.js:754)
_onObjectAdded @ fabric.js:6894
add @ fabric.js:231
(anonymous) @ main.js:60
(anonymous) @ fabric.js:19435
fabric.util.loadImage.img.onload @ fabric.js:754

Olhando para a mensagem de erro, apenas fui para a linha de erro e aqui está o que encontrei no console do Chrome

Alguém pode apontar o erro nos meus códigos?