imgs-merge v1.0.2

通过canvas合成图片

引入

npm install imgs-merge

使用

import "imgs-merge" 
或 
import ImgsMerge from "imgs-merge"

new ImgsMerge(target=Element,imgs=[],option={}).then(base64=>{
	console.log("返回的base64格式图片",base64)
})

参数说明

• target ：容器元素，canvas画布的默认宽高来源；

• imgs ：需要合成的图片列表，是一个对象数组；

  [
  	{
  		src ：图片地址（必填）,
  		x ：图片相对于canvas画布的横向位置，单位为像素（选填，默认为`0`）,
  		y ：图片相对于canvas画布的纵向位置，单位为像素（选填，默认为`0`）,
  		width ：合成后该图片的宽度，单位为像素（选填，默认为`图片原本的宽度`）,
  		height：合成后该图片的高度，单位为像素（选填，默认为`图片原本的高度`）
  	}
  ]

• option ：同canvas.toDataURL api的参数配置（选填）；

  {
  	type ：图片格式，默认为 `image/png`,
  	encoderOptions ： 在指定图片格式为 `image/jpeg` 或 `image/webp`的情况下，可以从 `0` 到 `1` 的区间内选择图片的质量。如果超出取值范围，将会使用默认值 `0.92`。其他参数会被忽略。
  }