1.0.1 • Published 1 month ago
@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 |