图片打码是常见的功能,这个库实现了对图片上任意位置的打码功能。 后续会继续完善视频图像处理及ASCII art文字效果
效果展示:
目录:
🌈 简介:
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>