技术分享

后台换头像、商品传主图，用户丢进来的经常是横图或竖图。不裁就塞进方框会被压扁，做成圆头像还会对不齐。这类需求要在网页里先弹出裁剪窗，让用户框住要用的那一块，再把裁好的图显示到页面上，并交给后台保存。选图、开窗、框选、导出是同一套流程，头像和主图都能套。这一步做完再存库。

​公祭日、重大哀悼，整站要先铺一层灰。这版走两条路：Chrome / Firefox / Edge 用 CSS filter，IE9 及以下用 grayscale.js。

后台、报表、详情页经常要铺一层字，标明谁在看这份页。这版用 jQuery 1.9.1。核心是按页宽页高算出行列，每个格子一个 div，再旋转、调透明。