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()