修改审核中图片按钮没有反应问题

dianlixunjian
Zhufu 2024-07-11 16:46:38 +08:00
parent b37eb5f1f7
commit de3c3600c6
1 changed files with 14 additions and 1 deletions

View File

@ -3,7 +3,7 @@
<img id="zoomableImage" draggable="false" :src="imageUrl" />
<div class="operation-container">
<div>
<UndoOutlined />
<UndoOutlined @click="backTransFrom"/>
</div>
<div>
<ZoomInOutlined @click="bigScale" />
@ -40,6 +40,11 @@ let initialMouseX;
let initialMouseY;
let initialImageX;
let initialImageY;
var scale = 1;
var minScale = 0.5;
var maxScale = 3;
var scaleFactor = 0.1;
var rotate = 0;
onMounted(()=>{
@ -185,6 +190,14 @@ function bigScale():void {
scale+=0.4;
zoomableImage.style.transform = `scale(${scale})`;
}
function transform (){
rotate += 90;
zoomableImage.style.transform = `rotate(${rotate}deg)`;
}
function backTransFrom() {
rotate -= 90;
zoomableImage.style.transform = `rotate(${rotate}deg)`;
}
function closePreview():void{
emits("closeImagePreview");