本文目录一览：
JS图片放大扩展,按钮开关放大镜
通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。
在做网站的时候，往往图片的处理很重要，固定尺寸容易变形拉伸，不固定又会有不可预知的问题，有可能撑开页面。使用js和css将图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。
分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
这个是用JavaScript做的，去懒人图库那找吧，那很多这样的效果。
制作图片的放大效果我考虑到的方法是将原始图片绘制到canvas上，然后在对canvas进行局部裁剪最后对裁剪的部分进行放大，这样就可以实现放大镜的效果。这里我给出一个实现这个想法的示例。
放大镜的原理
1、当物距小于相距时成 放大 正立 的虚象所以放大镜可以起到放大的作用 凸透镜成像规律 开放分类： 物理、光学 物体放在焦点之外，在凸透镜另一侧成倒立的实像，实像有缩小、等大、放大三种。物距越小，像距越大，实像越大。-js实现放大镜原理
2、放大镜是凸透镜，凸透镜对光线具有会聚作用，平行于主光轴的光线通过凸透镜会汇聚成一点，这点是凸透镜的焦点，焦点与光心的距离是焦距。当物体在凸透镜焦距以内，呈一个正位放大的虚像。
3、放大镜是利用光的折射原理成像的，本质上来说就是光的折射。 为看清楚微小的物体或物体的细节，需要把物体移近眼睛，这样可以增大视角，使在视网膜上形成一个较大的实像。但当物体离眼的距离太近时，反而无法看清楚。-js实现放大镜原理
4、放大镜原理：为看清楚微小的物体或物体的细节，需要把物体移近眼睛，这样可以增大视角，使在视网膜上形成一个较大的实像。但当物体离眼的距离太近时，反而无法看清楚。
博学谷JS动态特效教程-59-放大镜特效4按照比例移动大图
淘宝图片有放大镜特效是对于商品主图来说。只要在发布宝贝时把商品主图的尺寸设置在700X700或者以上，主图图片就会有放大镜特效：当鼠标放在主图片某一个位置上，主图右侧即显示出鼠标所在位置的放大图。
放大镜的工作原理
放大镜是利用光的折射原理成像的，本质上来说就是光的折射。原理 为看清楚微小的物体或物体的细节，需要把物体移近眼睛，这样可以增大视角，使在视网膜上形成一个较大的实像。但当物体离眼的距离太近时，反而无法看清楚。-js实现放大镜原理
当物距小于相距时成 放大 正立 的虚象所以放大镜可以起到放大的作用 凸透镜成像规律 开放分类： 物理、光学 物体放在焦点之外，在凸透镜另一侧成倒立的实像，实像有缩小、等大、放大三种。物距越小，像距越大，实像越大。-js实现放大镜原理
放大镜原理 为看清楚微小的物体或物体的细节，需要把物体移近眼睛，这样可以增大视角，使在视网膜上形成一个较大的实像。但当物体离眼的距离太近时，反而无法看清楚。
放大镜相当于一个凸透镜，当物体放在一倍焦距以内时，人眼能看到一个放大正立的虚像。
放大镜的原理是什么?
放大镜是凸透镜，凸透镜对光线具有会聚作用，平行于主光轴的光线通过凸透镜会汇聚成一点，这点是凸透镜的焦点，焦点与光心的距离是焦距。当物体在凸透镜焦距以内，呈一个正位放大的虚像。
放大镜是利用光的折射原理成像的，本质上来说就是光的折射，为看清楚微小的物体或物体的细节，需要把物体移近眼睛，这样可以增大视角，使在视网膜上形成一个较大的实像。但当物体离眼睛的距离太近时，反而无法看清楚。-js实现放大镜原理
放大镜——利用了凸透镜成放大虚像的原理，物体在焦距以内成放大的正立的虚像。光通过不同的介质时，会产生折射，密度越大折射率越高。放大镜是凸透镜，中间厚，边缘薄。
放大镜是由凸透镜制造而成，凸透镜有聚光作用，当光直射放大镜时，它会将射到它表面上的光线聚成一束，当温度达到照射的某物质的燃点，即可点燃。放大镜在强光照射下，透镜的焦点部位会特别光猛，焦点部分便会变焦或着火。-js实现放大镜原理
当物距小于相距时成 放大 正立 的虚象所以放大镜可以起到放大的作用 凸透镜成像规律 开放分类： 物理、光学 物体放在焦点之外，在凸透镜另一侧成倒立的实像，实像有缩小、等大、放大三种。
