new_org
/
whale-anno
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: point改成points，为后续的框、多边形区域做统一

This commit is contained in:
maxmon 2022-04-16 22:24:36 +08:00
parent 1b2cd2deeb
commit 9a002f1df8
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fe/src/components/CV/point.vue
View File

@ -2,9 +2,9 @@
<div class="anno-img-box"> <div class="anno-img-box">
<div class="point-box"> <div class="point-box">
<img class="anno-img" id="anno-img" @click="addPoint($event)" :src="`data:image/jpeg;base64,${fileContent}`" @dragstart="$event.preventDefault()" @contextmenu="$event.preventDefault()"> <img class="anno-img" id="anno-img" @click="addPoint($event)" :src="`data:image/jpeg;base64,${fileContent}`" @dragstart="$event.preventDefault()" @contextmenu="$event.preventDefault()">
<div v-for="annoDetail in annoDetails" :point="annoDetail" :key="`${annoDetail.point[0]}_${annoDetail.point[1]}`" :style="{ <div v-for="annoDetail in annoDetails" :point="annoDetail" :key="`${annoDetail.points[0][0]}_${annoDetail.points[0][1]}`" :style="{
left: annoDetail.point[0]*100 + '%', left: annoDetail.points[0][0]*100 + '%',
top: annoDetail.point[1]*100 + '%', top: annoDetail.points[0][1]*100 + '%',
backgroundColor: types[annoDetail.type]?types[annoDetail.type].color:'#f00', backgroundColor: types[annoDetail.type]?types[annoDetail.type].color:'#f00',
}" class="point" @contextmenu="$event.preventDefault();delPoint(annoDetail)" @mouseover="overPoint($event, annoDetail)"></div> }" class="point" @contextmenu="$event.preventDefault();delPoint(annoDetail)" @mouseover="overPoint($event, annoDetail)"></div>
</div> </div>
@ -60,11 +60,10 @@ export default ({
} }
const tar = ev.target const tar = ev.target
const newPoint = [ev.offsetX / tar.offsetWidth, ev.offsetY / tar.offsetHeight] const newPoint = [ev.offsetX / tar.offsetWidth, ev.offsetY / tar.offsetHeight]
console.log(newPoint)
// this.points.push(newPoint) // this.points.push(newPoint)
// console.log(this.points) // console.log(this.points)
this.annoDetails.push({ this.annoDetails.push({
point: newPoint, points: [newPoint],
type: this.nowType type: this.nowType
}) })
this.save() this.save()