用JavaScript实现图片剪切效果概要1.docVIP

用JavaScript实现图片剪切效果 学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。 还可以学习css中的clip属性。 一、CSS实现图片不透明及裁剪效果。 图片剪切三层结构 1、第一层opacity,给图层设置透明度 2、第二层clip，clip属性：对图片进行裁剪，实现图像的一部分显示，其他部分进行隐藏 3、第三层选取框absolute（与第二层重叠的），包括八个触点的效果 html代码： 复制代码 1 div id=box 2 img src=img/1.jpg id=img1 / 3 img src=img/1.jpg id=img2 / 4 div id=main 5 div class=Divmin up-left/div 6 div class=Divmin up/div 7 div class=Divmin up-right/div 8 div class=Divmin right/div 9 div class=Divmin right-down/div 10 div class=Divmin down/div 11 div class=Divmin le