屏幕适配和像素级还原视觉稿是一个老生常谈的话题了，但是具体做到了这一点的线上项目并不多，相关技术并不复杂，只是老项目一但成形，改造成本不亚于重构整个项目。但是我们应该在新的项目中去实践这种技术，更好的还原视觉稿。

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其…