纯前端合并图片与下载图片实现

一、需求场景

1、前端动态二维码组合

对于很多的营销活动，需要提供给用户一张可下载二维码，但是二维码要组合一些特定的业务信息，然后便于用户分享、传播，达到营销效果。这一类的图片下载有一个特点，二维码里蕴含了用户信息，所以是每个人的二维码是不一样的，而业务背景图都是一样的，而且用户下载的最终图片样式是可以确定的，这时候前端则需要自己的能力组合两张图，下载给用户。

2、水印技术

有的网站信息内容专利、防窃取的要求，为了让用户下载分享的内容不被随意对外分享，则需要将用户下载的图片上盖上一层署名信息，从而防止有人下载图片后冒充作者，侵犯作者权益。

3、还有很多场景...

---

二、解决方案

解决方案的前提是利用客户端的能力，纯前端来解决。作为前端开发者，对于画图来说，Canvas能力是完全足够的，2D的、3D的都是可以完成，我这里的解决方案就是利用Can