html5实现图片旋转源代码下载

业务背景：

    在手机端上传图片的时候，由于手机拍摄角度的问题导致图片的方向属性是不一样的，虽然在手机里面查看是没有问题的，但是一旦使用web预览就会使用该图片最原始的方向，如果是行下的他就会倒立

解决方案： 

   面对这个问题我也是百度了一下，看到这demo：http://www.imqing.com/demo/rotateImg.html

   就是使用h5实现图片的选择，但是这个原始版本没有考虑到图片的显示区域大小可能小于图片的本身大小，所以如果直接使用的话，会出现图片显示不全的bug，我这里做了一些改动，然后将完整的代码分享出来，

注意：这里只有前端没有后端处理，其实前端只要把生成的base64传给后端处理就可以了

项目运行截图如下：

       选择图片之后的jietu截图：

旋转之后的图片：