偶然发现公司的网页内容中有水印的图片都是由可爱的美工一张一张的处理后上传的，虽然阿里云的OSS也提供水印自动添加功能，但这两种方式都不太适合在其他不需要水印的图片的时候调用原始图片。
我写了一段前端Canvas合成图片的并转换成base64替换原始内容中图片的js;
html端：
js端：
最终效果（原始图片被完美替换成功）：
前端图片同步合成水印 -Canvas合成思路和方法
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
