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

所属分类:媒体-图像

 24950  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'
})
相关插件-图像

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29845  306

jQuery图片合成插件

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

二维码生成插件qrcode.js

二维码生成插件qrcode.js,在此插件基础上添加了logo图片功能和对中文的支持,无需对中文转码可直接支持生成中文网址二维码
  图像
 29774  375

jQuery钢笔抠图插件(原创)

通过Canvas实现钢笔抠图效果
  图像
 20998  280

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

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