merge-img-bcw

合并两张图片

介绍

这是 一个 合并图片 工具

使用说明

js部分  

  import { mergeImage } from "merge-img-bcw"
  
  //mergeImage(背景图, 张贴图, {
    //x:  张贴图 据左边距离
    //y:  张贴图 据上边距离
    //width: 张贴图宽度,
    //height:  张贴图高度
  //})
  
  var img1 = new Image()
  var img2 = new Image()

 img1.setAttribute('crossOrigin', 'anonymous') //关键
 img2.setAttribute('crossOrigin', 'anonymous') //关键

 //需要解决图片跨域

  img1.src = "https://img2.baidu.com/it/u=718703975,3304338114&fm=26&fmt=auto&gp=0.jpg"
  img2.src = "https://img0.baidu.com/it/u=251614576,2693916083&fm=26&fmt=auto&gp=0.jpg"


  img1.onload = () => {
      img2.onload = () => {
          document.body.innerHTML = `<img src="${mergeImage(img1, img2, {
              x: 100,
              y: 100,
              width: 100,
              height: 100
          })}"></img>`
      }
  }