运行demo

npm installnpm start

安装sprite-draggable依赖

  npm install sprite-draggable --save

作为spritejs插件使用

// draggable与droppable方法注册到BaseSprite上import{install}from'sprite-draggable'spritejs.use(install);…letgroup=newGroup();group.draggable();// group.draggable(false); group.draggable({destroy,true}) 取消注册draggroup.dropabble()//注册drop事件// group.droppable(false) ;group.droppable({destroy:true}) 取消注册dropgroup.on('drag',(evt)=>{console.log('drag')});group.on('drop',(evt)=>{console.log('drop')});group.on('dragenter',(evt)=>{console.log('dragenter')});group.on('dragleave',(evt)=>{console.log('dragleave')});group.on('dragover',(evt)=>{console.log('dragover')});letsprite=newSprite();//表示在 [0,0] 与 [300,300] 这两点矩形之间拖动 [xmin,ymin,xmax,ymax]，不设置表示不控制拖动范围sprite.draggable({dragRect:[0,0,300,300]})// 取消设置dragRect方法//sprite.draggable({dragRect:[0,0,300,300]})//表示拖动的范围大于坐标[0,0]//sprite.draggable({dragRect:[0,0]});/**拖动过程中，有三个事件 dragstart、drag、dragend**/sprite.on('dragstart',function(event){console.log('dragstart');});sprite.on('drag',function(event){console.log('drag');});sprite.on('dragend',function(event){console.log('dragend');});//取消元素拖动sprite.draggable(false);

作为方法使用

import{draggable,droppable}from'sprite-draggable'…letgroup=draggable(newGroup());// draggable(group,false); draggable(group,{destroy,true}) 取消注册dragdropabble(group)//注册drop事件// dropabble(group,false) ;dropabble(group,{destroy:true}) 取消注册dropgroup.on('drag',(evt)=>{console.log('drag')});group.on('drop',(evt)=>{console.log('drop')});group.on('dragenter',(evt)=>{console.log('dragenter')});group.on('dragleave',(evt)=>{console.log('dragleave')});group.on('dragover',(evt)=>{console.log('dragover')});letsprite=draggable(newSprite());//表示在 [0,0] 与 [300,300] 这两点矩形之间拖动 [xmin,ymin,xmax,ymax]，不设置表示不控制拖动范围draggable(sprite,{dragRect:[0,0,300,300]});//draggable(sprite,{dragRect:[]});//表示拖动的范围大于坐标[0,0]//draggable(sprite,{dragRect:[0,0]});/**拖动过程中，有三个事件 dragstart、drag、dragend**/sprite.on('dragstart',function(event){console.log('dragstart');});sprite.on('drag',function(event){console.log('drag');});sprite.on('dragend',function(event){console.log('dragend');});//取消元素拖动draggable(sprite,false);

事件列表：