# 输出png

canvas.toDataURL('png') 输出png(base64)

使用 canvas.toDataURL('png') 可以输出 png 图片。但这个操作可能会打断 canvas 的渲染,所以之后要再执行以下 canvas.requestRenderAll()

const draw = (canvas) => {
  const rect = new fabric.Rect({
    top: 20,
    left: 120,
    width: 60,
    height: 40,
    fill: 'transparent',
    stroke: 'blue'
  })
  canvas.add(rect)

  console.log('toPng', canvas.toDataURL('png')) // 在控制台输出 png(base64)
  canvas.requestRenderAll()
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
最后更新时间: 12/4/2023, 5:59:10 PM