Wie man Gitterhintergrund zum Canvas hinzufügt? (fabricjs)

Question

Ich erstellte eine Leinwand in HTML5 und malte das Raster darauf.

Nachdem ich das Rechteck durch fabricjs hinzugefügt und mein gemaltes Raster verschwunden ist! Ich möchte nicht, dass das Raster verschwindet.

Was soll ich tun?

Answer 1

Ich habe mein Problem wie folgt bestimmt:

1) Ich habe meine Leinwand zu base64 gespeichert

2) Ich habe meine gespeicherten Leinwand (base64) als Hintergrund für fabricjs Leinwand gesetzt

Mein Code (coffeescript):

gridImageFromCanvas = @canvas.toDataURL() 
backgroundImage = new Image() 
backgroundImage.onload = => 
    fabricaBackgroundImage = new fabric.Image(backgroundImage) 
    @canvasFabric.setBackgroundImage(fabricaBackgroundImage) 
    @canvasFabric.renderAll() 
backgroundImage.src = gridImageFromCanvas