uniapp实现截取指定区域的图片完整代码

以下是使用uniapp实现截取指定区域的图片的完整代码：

template:
<template>
<view>
<canvas canvas-id="canvas" style="width: 100%; height: 100vh;"></canvas>
<button @click="capture">截取</button>
</view>
</template>

script:
<script>
export default {
methods: {
capture() {
uni.canvasToTempFilePath({
canvasId: 'canvas',
x: 10, // 截取区域左上角横坐标
y: 10, // 截取区域左上角纵坐标
width: 100, // 截取区域宽度
height: 100, // 截取区域高度
destWidth: 500, // 输出图片宽度，即截取后图片的宽度
destHeight: 500, // 输出图片高度，即截取后图片的高度
success: function(res) {
console.log(res.tempFilePath) // 输出截取后的图片路径
},
fail: function(res) {
console.log(res)
}
})
}
}
}
</script>

style:
<style>
</style>