前言 ui评审会上，ui小姐姐问我这个图表能做嘛 我一看，天塌啦！ 做这么麻烦的图不得手撸canvans，还怎么愉快的摸鱼，但是👨又不能说不行，只能开干了 需求分析 我需要实现的功能： 图例显示 ：

点击图片，点击区域颜色随之改变，这种效果要怎么实现呢？ 广大ikun们，让我们利用强大的Canvas，给亲爱的坤坤换个颜色吧～

实现一个图片编辑组件，包含画笔、记号笔、折线、矩形、马赛克、裁剪、编辑历史记录(撤销和重做)、更改颜色和线宽功能，以及取消编辑和保存。未经作者授权禁止转载！

vue使用canvas绘制管线/管廊 canvas实时绘制 canvas绘制图形、文字、图片 构造函数的运用

效果 实现思路 利用canvas绘制出文字 将canvas作为遮罩层背景图, 将背景x轴和y轴重复 实现步骤 动态生成canvas并画出文字 将canvas做为遮罩层背景图 防止篡改水印 利用Muta

前言：多达10种前端炫酷特效，以下有效果图及对应模块详细代码，欢迎大家点赞收藏，不定期更新更多前端相关干货！ 1.鼠标点击弹出爱心 效果图 html代码 2.鼠标点击弹出文字 效果图 html代码 3