movable-area: 可拖动区域。即手指/鼠标按住 movable-view拖动或双指缩放,但拖不出 movable-area规定的范围。 movable-area 必须设置width,height属性,如果不设置的话默认为 10px。 scale-area默认值为false,当里面的movable-view设置支持双指缩放时,设置此值可将手势生效区域修改为整个 movable-area。 movable-view...
movable-view 默认为绝对定位,top和left属性为0px 当movable-view小于movable-area时,movable-view的移动范围是在movable-area内;当movable-view大于movable-area时,movable-view的移动范围必须包含movable-area(x轴方向和y轴方向分开考虑) <!-- 本示例未包含完整css,获取外链css请参考上文,在hello uni-app项目中查...
缩放是根据movable-view的中心开始缩放的 ,所以每次移动 图片位置之后 中心点就会改变 但是缩放的偏移量 就是(最新的宽高 - 上一次缩放过的宽高)/ 2 //偏移量letoffsetX=((initialWidth*scale)-(initialWidth*this.scale))/2;letoffsetY=((initialHeight*scale)-(initialHeight*this.scale))/2; 初始的x,y...
使用uniapp过程中发现movable-area/movable-view配合是极好的,可以做可拖动控件,免去自己做触摸事件的麻烦。 希望提供的能力 movable-area/movable-view的原生实现