3-10 实现拖拽缩放盒子的效果


需求讲解

画一个矩形,拖拽矩形的4个角可以将矩形缩放(缩小到顶点时,顶点需要固定),在矩形上按住拖动,可以移动该矩形的位置



    
    
    
    Document
    


    
    

bug

  1. 问题一:当我们拖拽移动盒子到一个距离,后,进行缩放,此时,鼠标获取到的位置信息,如果直接给盒子的大小的话,会直接让盒子变大
    ‘解决: 就是拿鼠标按下时的位置信息,减去 盒子移动的距离,即可

  2. 问题二:当4个角,都添加了缩放的逻辑后,除右下角,无碍,其他角,都会不正常,是因为,设置盒子大小拿的是 鼠标的位置信息减移动的距离,这样位置就对不上

目前没有想到办法,。。。。