在vue项目中实现图片打马赛克
使用image-mosaic插件。
安装依赖
npm install image-mosaic -D
项目引用
// .vue 文件
<div id="box">
<canvas id="canvas"></canvas>
<button id='drawAll'>一键加码</button>
<button id='clearAll'>还原</button>
</div>
import Mosaic from 'image-mosaic'
data() {
return {
imgSrc: 'xxxx'