Skip to content

画布转文件函数

canvasToFile

说明

canvasToFile 函数用于将画布元素转换为一个文件对象。它返回一个Promise对象,该对象在转换成功后解决(resolve)为文件对象。

参数

参数说明类型默认值
canvas画布元素HTMLCanvasElement-
type文件的MIME类型string-
quality文件质量(0-100)number-

返回值

Promise<Blob|null>

代码演示

基础用法

typescript
import { canvasToFile } from 'atom-tools'

async function convertCanvasToFile() {
  const canvas = document.getElementById('myCanvas') as HTMLCanvasElement
  const file = await canvasToFile(canvas, 'image/png', 90)
  console.log(file)
}

convertCanvasToFile()