1.0.1 • Published 1 month ago

@neosjs/create-image v1.0.1

Weekly downloads
-
License
-
Repository
-
Last release
1 month ago

@neosjs/create-image

根据Dom创建图片。支持生成pngjpegblobcanvas

安装

# 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)
  })
}

方法

方法别名说明
pngcreatePng生成png图片
jpegcreateJpeg生成jpeg图片
blobcreateBlob生成blob
canvascreateCanvas生成canvas

别名方法

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

参数

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

1 month ago

1.0.0

1 month ago