jQuery图片拖动剪切插件drag.js(原创)

所属分类:媒体-图像

 25008  292  查看评论 (2)
分享到微信朋友圈
X
jQuery图片拖动剪切插件drag.js(原创) ie兼容11

使用方法

引用jquery和drag.js

html

<div class="drag-container">
 <img src="./1.jpg"alt=""width="600"class="drag-opa">
 <img src="./1.jpg"alt=""width="600"class="drag-clip">
  <div class="drag-move"><span></span><span></span><span></span><span></span></div>
</div>
<div class="clip-show"style="position:relative"></div>

js

$('.drag-container').drag({
    // clipshow    显示移动框图片,默认.clip-show,可为空   
    'clipshow': '.clip-show'
})
相关插件-图像

简单实用的jQuery放大镜插件(原创)

简单实用的jQuery放大镜插件,可通过鼠标滚轮改变倍数
  图像
 20235  295

jQuery图片合成插件

上传背景图,主图1,主图2,主图3,合成一张图片
  图像
 29335  319

jQuery图片裁剪插件Cropit

Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 44425  341

Beer Slider一款轻量级的图片对比插件

它的基本目的是比较图像的两个版本,例如在两个不同时刻拍摄的相同对象,预编辑的照片及其处理版本,草图和完成的插图等。
  图像
 28392  358

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    清风散晓霞z 0
    2019/5/13 19:12:54
    大神, 我如何获取到截取的图片呢 回复
    Myth狂刀 0
    2018/6/26 9:42:56
    不错。非常有用 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复