【CSON原创】 图片放大器效果发布
时间:2011-03-28 来源:Cson
功能说明:
在淘宝,京东之类的电子商务网站一般会有商品放大浏览功能,帮助顾客分析产品质量,这次的放大器程序正是模仿了这种效果,并支持如下功能:
1.图片局部放大。
2.鼠标滚轮调整放大倍数。
效果预览:
实现原理:这次的图片放大器实现简单来说就是:分层+裁剪
分层:
在原图区域,图片被分成三层:
1.原图层:就是一开始看到的图片。
2.透明遮罩层:原图层上面的半透明层,用于产生遮罩效果。
3.手柄区域层:就是跟随鼠标移动的手柄区域,手柄区域内容在右边被放大。
裁剪:
裁剪主要用在两个地方,一个是对原图中手柄区域层的裁剪,一个是放大区域对大图的裁剪。
代码分析:
相关阅读 更多 +