hammerjs npm install hammerjs 第二步 写核心缩放功能 import * as Hammer from 'hammerjs'; // 缩放功能 export class PinchZoom...el.style.webkitTransform = transform; } }); } } 第三步 具体使用 // html文件 // 定义个缩放区域 放大缩小 // ts文件 ... import { PinchZoom...from 'xxxx'; // 引入手写的缩放功能类 ... // 启动缩放功能 ngOnInit() { const elm = document.getElementById('pinchzoom...'); PinchZoom.hammerIt(elm); } 本方案参考自 https://stackoverflow.com/questions/18011099/pinch-to-zoom-using-hammer-js
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom...randomize-throttle表示每次事件的间隔在0到500毫秒之间不固定 pct 触摸事件百分比，即参数--pct-touch 滑动事件百分比，即参数--pct-motion 缩放事件百分比，即参数--pct-pinchzoom
pressDuration)：模拟长按事件 DispatchString(input)：输入字符串 Drag(xStart, yStart, xEnd, yEnd, stepCount)：用于模拟一个拖拽操作 PinchZoom
monitor-native-crashes：跟踪本地方法的崩溃问题Monkey 事件选项--pct-touch：触摸事件--pct-motion：滑动事件--pct-appswitch：activity 之间的切换--pct-pinchzoom
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom
–pct-majornav PERCENT] [–pct-appswitch PERCENT] [–pct-flip PERCENT] [–pct-anyevent PERCENT] [–pct-pinchzoom
如果不接该项，monkey将不会延迟，例如:adb shell monkey --throttle 500 -p 包名 事件总数 --pct-事件类别 11个事件百分比控制（有的是9种事件，没有--pct-pinchzoom...（即down事件）后经过一系列伪随机事件后弹出（即up事件） 例子：adb shell monkey -p com.htc.Weather --pct-motion 20 1000 --pct-pinchzoom
PinchZoom(x1Start, y1Start, x1End, y1End, x2Start, y2Start, x2End, y2End, stepCount)：模拟缩放手势。
2.1 PinchZoomScript using UnityEngine; using System.Collections; public class PinchZoom : MonoBehaviour
[--pct-appswitch PERCENT] [--pct-flip PERCENT] [--pct-anyevent PERCENT] [--pct-pinchzoom...--pct-appswitch PERCENTActivity的启动比率--pct-flip PERCENT模拟器适用的事件--pct-anyevent PERCENT不常用事件，比如按键--pct-pinchzoom
/事件百分比：// // 0：15.0％触摸事件百分比，即参数–pct-touch// 1：10.0％滑动事件百分比，即参数–pct-motion// // 2：2.0％缩放事件比例，即参数–pct-pinchzoom
可通过--pct-pinchzoom参数来配置其事件百分比。
-事件0 为touch事件，就是相当于按下之后弹起来的一个动作// 10.0% --事件1 为motion，相当于说从起始点到终点有移动了多少步，就是步骤数量 // 2.0% --事件2 为pinchzoom
Drag(xStart,yStart,xEnd,yEnd,pCount) 模拟拖动操作 xStart,yStart:开始的坐标值 xEnd,yEnd:结束的坐标值 pCount:滑动事件的次数 10.PinchZoom
$refs.preview.clickHandler(); //new PinchZoom.default($(this)[0], {});
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
