image-transfer-util图像打码处理

102 阅读1分钟

图片打码是常见的功能,这个库实现了对图片上任意位置的打码功能。 后续会继续完善视频图像处理及ASCII art文字效果

效果展示:

nba.jpeg

截屏2022-10-07 20.27.33.png 目录:

截屏2022-10-07 20.28.02.png

🌈 简介:

image-transfer-util

图像处理 打码
支持es,umd,var

🔧 使用:

esmodule与umd使用

import { Masek } from "image-transfer-util" // or import { Masek } from "image-transfer-util/lib/main.umd"
let canvas = document.querySelector(".canvas")
let ctx = canvas.getContext("2d", {willReadFrequently: true})
let masek = new Masek({ctx, imgUrl: "/nba.jpeg", x:220, y: 50, height: 100, width: 350, fuzziness: 5}) // x,y打码位置, width,height打码大小
masek.download('filename') // 可下载

var 使用

<canvas class="canvas"></canvas> \
  <script src="main.var.js"></script>\
  <script>
    let masek = new imageTransferUtil.Masek({
      ctx, 
      imgUrl: "/nba.jpeg", 
      x:220, 
      y: 50, 
      height: 100, 
      width: 350, 
      fuzziness: 5
    })
    masek.download('filename')
</script>