vue移动端使用手势库---alloytinger

最新推荐文章于 2024-05-26 09:46:22 发布

慢慢の成长

最新推荐文章于 2024-05-26 09:46:22 发布

阅读量1.3k

点赞数

分类专栏： vue 文章标签：手势操作

本文链接：https://blog.csdn.net/weixin_44537264/article/details/112566038

版权

本文介绍了如何在Vue移动端应用中使用AlloyFinger手势库来实现图片的操作，包括拖拽、缩放、长按等功能。通过pinchHandler、pressMoveHandler等事件处理器，可以监听并处理手势变化，例如e.scale用于获取缩放比例，e.deltaX和e.deltaY记录移动距离，e.angle表示旋转角度，以及tapHandler、doubleTapHandler和longTapHandler分别对应点按、双击和长按事件。

摘要由CSDN通过智能技术生成

操作图片拖拽、缩放、长按

下载

	npm i alloyfinger --save

使用（全局注册）

	// main.js
	import AlloyFinger from 'alloyfinger'
	import AlloyFingerPlugin from 'alloyfinger/vue/alloy_finger_vue'
	 
	Vue.use(AlloyFingerPlugin,{
   
	  AlloyFinger
	})