在vue.js上使用cropperjs裁剪图像时将aspectRatio转换为参数

npm install cropperjs

yarn add cropperjs

import Cropper from 'cropperjs'
import 'cropperjs/dist/cropper.css'

mounted() {
  const image = document.getElementById('image')
  this.cropper = new Cropper(image, {
    aspectRatio: 16 / 9, // 设置裁剪框的宽高比为16:9
    // 其他cropperjs的配置项...
  })
}

<template>
  <div>
    <img id="image" src="path/to/image.jpg" alt="Image">
    <button @click="cropImage">裁剪图像</button>
  </div>
</template>

methods: {
  cropImage() {
    const croppedImage = this.cropper.getCroppedCanvas().toDataURL('image/jpeg')
    // 处理裁剪后的图像数据...
  }
}