标签：tco 重绘 web github 图片展示 需要 canvas tps 出错
refer :
https://foobuzz.github.io/
https://www.thoughtco.com/why-is-my-picture-turned-sideways-1701398
http://cloudinary.com/blog/top_10_mistakes_in_handling_website_images_and_how_to_solve_them
市场上大部分的相机,手机拍摄出来的图片都是横的. 不管你怎么旋转你的手机, 最终的图片一定是横的.
但是呢, 手机会提供一个叫 Exif 的资料, 里头有表面你在拍摄时的手机方向.
这是标准方向
这是 90 度的方向
所有的图片展示软件都依据图片和旋转信息 Exif 来呈现图片最终的样子.
如果一张图的 Exif 丢失了, 或被串改了, 就有可能导致展示的结果出错. 这就是你经常会看见图片颠倒的原因.
然而当前的游览器在展示图片时, 都不参考 Exif 信息, 目前只有 IOS safari 会处理. 所以这种颠倒的画面在游览器更常见.
那么我们该i怎么处理呢？
如果网页的图片都是通过网页 upload 的，那么在 upload 的时候我们需要把带有 exif 信息的图片转换成没有 exif 的图片 ( 这里需要旋转到正确方向 )
exif.js 可以获取到图片信息, 然后通过 canvas 我们可以轻易的重绘一张图(要旋转到对的方向哦). 之后我们就可以把信息丢掉了.
标签：tco 重绘 web github 图片展示 需要 canvas tps 出错
原文地址：http://www.cnblogs.com/keatkeat/p/7532183.html
