如何在线实现前端图片生成马赛克效果？

本文共计1354个文字，预计阅读时间需要6分钟。

前言：说起图片的马克笔涂鸦，可能一般都由后端实现，然后递归传递图片到前端。但前端也可以通过canvas来为图片加上马克笔效果，下面通过代码来实现一个简单的示例。

实现：

Canvas 马克笔涂鸦 canvas { border: 1px solid black; }

前言

说起图片的马赛克，可能一般都是由后端实现然后传递图片到前端，但是前端也是可以通过canvas来为图片加上马赛克的，下面就通过码上掘金来进行一个简单的实现。