|
@@ -4,6 +4,9 @@
|
|
<div class="d-flex black align-center justify-center" style="height: 100%; position: relative; overflow: hidden;">
|
|
<div class="d-flex black align-center justify-center" style="height: 100%; position: relative; overflow: hidden;">
|
|
<div class="contentBox">
|
|
<div class="contentBox">
|
|
<v-card :width="size.width" :height="size.height" class="content" ref="content">
|
|
<v-card :width="size.width" :height="size.height" class="content" ref="content">
|
|
|
|
+ <!-- <div class="point" :style="`left: ${coordinate.left.x}px;top: ${coordinate.left.y}px`"></div>
|
|
|
|
+ <div class="point" :style="`left: ${coordinate.right.x}px;top: ${coordinate.right.y}px`"></div>
|
|
|
|
+ <div class="point" :style="`left: ${coordinate.bridge.x}px;top: ${coordinate.bridge.y}px`"></div> -->
|
|
<canvas :width="size.width" :height="size.height"
|
|
<canvas :width="size.width" :height="size.height"
|
|
ref="cover"
|
|
ref="cover"
|
|
class="cover noMove"
|
|
class="cover noMove"
|
|
@@ -180,14 +183,14 @@ export default {
|
|
handle: this.onRetake
|
|
handle: this.onRetake
|
|
}
|
|
}
|
|
]
|
|
]
|
|
- },
|
|
|
|
- coordinate () {
|
|
|
|
- return {
|
|
|
|
- left: this.item.facial_points.cheek_left_3,
|
|
|
|
- right: this.item.facial_points.cheek_right_3,
|
|
|
|
- bridge: this.item.facial_points.nose_bridge_1
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
+ // coordinate () {
|
|
|
|
+ // return {
|
|
|
|
+ // left: this.item.facial_points.cheek_left_3,
|
|
|
|
+ // right: this.item.facial_points.cheek_right_3,
|
|
|
|
+ // bridge: this.item.facial_points.nose_bridge_1
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
mounted () {
|
|
mounted () {
|
|
this.$nextTick(async () => {
|
|
this.$nextTick(async () => {
|