使用canvas来实现两张图片合成一张

写在开头：

最近遇到一个需求，就是上传一张图片，原来的图片作为底图，两张图片组合在一起，形成一张新的图片。并能点击另存。

        网上各种百度，谷歌。有很多方法。然后在我的需求里面都不是很适用。就结合前人的成果，自己又重新写了一套。

        前端菜鸟一个，进了前端的坑之后才知道，前端的东西真的是太多了。

谨以此篇博客，告诫自己，要以虚心态度继续学习，不断学习才行。

这篇博客会持续更新，在使用过程中还有着新问题的出现。

主要思路：

前端实现图片处理，主要就是通过canvas来实现的。先用canvas

废话不多说，直接上代码。

html代码，选择用input方式是为了防止图片跨域，没有写什么样式，纯原生的。

    第一张图片：<input type="file" name="file" id="change" >
    第二张图片：<input t