一、拖拽思路以及实现方法
1、解决方法 : 给予画布一个id类名,想拖拽的图片定义一个className名字,获取到相对应的名称。
2、在react的模拟生命周期中写入方法,为每个可拖动的图片添加事件监听器 ,设置拖动数据(这里可以是图片的id、src或其他唯一标识符),然后恢复到视觉效果。
3、为画布或者盒子也设置一个事件监听,并且设置阻止默认处理(默认不允许放置) ,
创建一个新的图片元素并添加到目标容器中 ,最后根据所需要的元素大小进行调整宽高及其各种属性
一、拖拽思路以及实现方法
1、解决方法 : 给予画布一个id类名,想拖拽的图片定义一个className名字,获取到相对应的名称。
2、在react的模拟生命周期中写入方法,为每个可拖动的图片添加事件监听器 ,设置拖动数据(这里可以是图片的id、src或其他唯一标识符),然后恢复到视觉效果。
3、为画布或者盒子也设置一个事件监听,并且设置阻止默认处理(默认不允许放置) ,
创建一个新的图片元素并添加到目标容器中 ,最后根据所需要的元素大小进行调整宽高及其各种属性