小知识，大挑战！本文正在参与“   程序员必备小知识   ”创作活动 本文同时参与 「掘力星计划」   ，赢取创作大礼包，挑战创作激励金 思路： 通过 html2canvas 将 HTML 页面转换成

在项目开发的过程中时常会遇到文档添加的水印的功能，今天我们使用 vue3 来实现一个添加水印的功能，这里我把自己封装的过程和代码和大家分享一下，希望能够得到大家的批评和建议。

再摸了很久很久的鱼后。终于今天来了个比较有趣的需求，那就是给页面添加水印！！ 开箱即用，文字可配，当然字体颜色想要自定义的话可以自己修改下哈～ 祝君使用愉快～

从后台获取到图片数组，前端给每个图片添加水印；用canvas绘制;因为是用canvas绘制图片，所以拿到的图片是需要有读写功能的；先把图片链接变成base64;再用canvas绘制图片和水印文字

经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，带你入门