@neosjs/create-image

根据Dom创建图片。支持生成png、jpeg、blob、canvas。

安装

# npm
npm install @neosjs/create-image
# yarn
yarn add @neosjs/create-image
# pnpm
pnpm add @neosjs/create-image

使用

直接使用

import createImage from '@neosjs/create-image'
const res = await createImage.png(dom,options)
console.log(res)

别名方式

import { createPng } from '@neosjs/create-image'

const create = () => {
  const dom = document.getElementById('dom')
  createPng(dom).then(res => {
    console.log(res)
  })
}

示例

import createImage from '@neosjs/create-image'

const create = () => {
  const dom = document.getElementById('dom')
  createImage.png(dom).then(res => {
    console.log(res)
  })
}

方法

方法	别名	说明
png	createPng	生成png图片
jpeg	createJpeg	生成jpeg图片
blob	createBlob	生成blob
canvas	createCanvas	生成canvas

别名方法

方法	说明
createPng	生成png图片
createJpeg	生成jpeg图片
createBlob	生成blob
createCanvas	生成canvas

参数

参数	说明	类型	可选值	默认值
filter	过滤不需要被截进图里的dom	Function	-	-
bgColor	背景色	String	-	-
width	生成图片的宽度	Number	-	-
height	生成图片的高度	Number	-	-
style	样式	Object	-	-
quality	图片质量	Number	0-1	1
scale	缩放比例	Number	-	1
placeholder	图片占位符	String	-	-
corsImg	跨域图片	Object	-	-
httpTimeout	请求跨域图片的超时时间	Number	-	30000