在指定区域通过拖拽控制小图相对于指定区域的位置及小图的大小

效果

在指定区域通过拖拽控制小图相对于指定区域的位置及小图的大小_第1张图片

         使用的一款软件将视频转gif有水印,将就着看看吧,通过上面的控制,可以获取到二维码相对于区域的位置,及二维码大小的参数,这其中用的的一个js库interactjs 

具体实现代码

        Interact.vue组件







使用的地方

在指定区域通过拖拽控制小图相对于指定区域的位置及小图的大小_第2张图片

        interactjs里面还有好多拖拽相关的操作的使用,有兴趣可以了解一下,不过都是英文的文档,暂时没找到中文文档,看得我头皮发麻 

你可能感兴趣的:(拖拽控制,vue.js,javascript,前端)