使用uniapp实现图片放大缩小功能

<template><view><uni-image src="/static/image.jpg" width="300px" height="400px" mode="aspectFit"></uni-image></view></template><script>export default {  data() {    return {}  },}</script><style scoped>.view {  display: flex;  justify-content: center;}</style>

<template><view><view class="container"><uni-image ref="imageRef" src="/static/image.jpg" width="300px" height="400px" mode="aspectFit"></uni-image></view></view></template><script>export default {  data() {    return {      startX: 0,      startY: 0,      scale: 1,    }  },  methods: {    touchStart(event) {      this.startX = event.touches[0].clientX      this.startY = event.touches[0].clientY    },    touchMove(event) {      let moveX = event.touches[0].clientX - this.startX      let moveY = event.touches[0].clientY - this.startY      this.scale += moveY / 100      this.startX = event.touches[0].clientX      this.startY = event.touches[0].clientY      this.$refs.imageRef.setScale(this.scale, this.scale)    },    touchEnd(event) {      this.scale = 1      this.$refs.imageRef.setScale(this.scale, this.scale)    },  },}</script><style scoped>.view {  display: flex;  justify-content: center;}.container {  width: 300px;  height: 400px;}</style>