如何添加网格背景画布?(fabricjs)

How to add grid background to canvas? (fabricjs)

本文关键字:fabricjs 背景 网格 添加 何添加      更新时间:2023-09-26

我用HTML5创建了一个画布,并在上面绘制了网格。

在我通过fabricjs添加矩形后,我画的网格消失了!我不希望网格消失。

我该怎么办?

我已经决定了我的问题如下:

1)我将画布保存为base64

2)我已经将我保存的画布(base64)设置为fabricjs画布的背景

我的代码(coffeescript):
gridImageFromCanvas = @canvas.toDataURL()
backgroundImage = new Image()
backgroundImage.onload = =>
  fabricaBackgroundImage = new fabric.Image(backgroundImage)
  @canvasFabric.setBackgroundImage(fabricaBackgroundImage)
  @canvasFabric.renderAll()
backgroundImage.src = gridImageFromCanvas