hookehuyr

fix 上传图片比例操作优化,可以动态修改图片大小

<!--
* @Date: 2025-01-22 11:40:12
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-02-08 15:08:33
* @LastEditTime: 2025-02-08 15:24:26
* @FilePath: /map-demo/src/views/mapCutter.vue
* @Description: 文件描述
-->
......@@ -38,7 +38,7 @@
</div>
<div style="display: flex; align-items: center;">
<div>上传图片范围:&nbsp;</div>
<div>上传图片基点:&nbsp;</div>
<el-input
v-model="map_left_bottom_range"
style="width: 240px"
......@@ -57,6 +57,7 @@
v-model="img_ratio"
style="width: 240px"
placeholder="输入上传图片比例"
@blur="onRatioBlur"
>
</el-input>
</div>
......@@ -86,7 +87,7 @@
<div style=" display: flex; align-items: center; justify-content: center;">经纬度:{{ log_lnglat }}&nbsp;&nbsp;&nbsp;<el-button @click="copyText(log_lnglat)" type="primary" :icon="Brush" size="small">复制</el-button></div>
</div>
<div v-if="showUpload" class="controls-container">
<div v-if="showUpload && imageURL" class="controls-container">
<!-- 遥控器界面 -->
<div class="remote-control">
<!-- 方向控制 -->
......@@ -501,7 +502,13 @@ const objectStyle = computed(() => ({
rotate(${rotation.value}deg)
`,
transition: 'transform 0.3s ease-in-out'
}))
}));
const onRatioBlur = () => {
if (imageURL.value) {
addImageToMap(imageURL.value);
}
}
</script>
<style>
......