From eac5d05a36dd2c1b388bc401166af53716f11771 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期二, 08 九月 2020 16:25:31 +0800 Subject: [PATCH] 底库查看详情默认时间修改,实时监控区域比例调整 --- src/components/player/index.vue | 18 ++++++++++-------- 1 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/player/index.vue b/src/components/player/index.vue index 1e5fa58..1d8e80b 100644 --- a/src/components/player/index.vue +++ b/src/components/player/index.vue @@ -62,7 +62,8 @@ arrow: [], polygon: [] }, - showProportion: 3.65, + showProportion: 3.2, + showProportionY: 3.58, canvas: null, ctx: null }; @@ -294,15 +295,15 @@ } _this.ctx.strokeStyle = "yellow"; _this.ctx.beginPath(); - _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportion); + _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportionY); for (let i = 1; i < v.location.length; i++) { - _this.ctx.lineTo(v.location[i].x / _this.showProportion, v.location[i].y / _this.showProportion); + _this.ctx.lineTo(v.location[i].x / _this.showProportion, v.location[i].y / _this.showProportionY); } _this.ctx.closePath(); _this.ctx.stroke(); _this.showRemarks( v.location[v.location.length - 1].x / _this.showProportion, - v.location[v.location.length - 1].y / _this.showProportion, + v.location[v.location.length - 1].y / _this.showProportionY, v.name ); _this.canvas.style.cursor = "default"; @@ -316,15 +317,15 @@ // 灏嗗綋鍓嶅厓绱犳爣绾� _this.ctx.strokeStyle = "red"; _this.ctx.beginPath(); - _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportion); + _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportionY); for (let i = 1; i < v.location.length; i++) { - _this.ctx.lineTo(v.location[i].x / _this.showProportion, v.location[i].y / _this.showProportion); + _this.ctx.lineTo(v.location[i].x / _this.showProportion, v.location[i].y / _this.showProportionY); } _this.ctx.closePath(); _this.ctx.stroke(); _this.showRemarks( v.location[v.location.length - 1].x / _this.showProportion, - v.location[v.location.length - 1].y / _this.showProportion, + v.location[v.location.length - 1].y / _this.showProportionY, v.name ); _this.canvas.style.cursor = "pointer"; @@ -393,7 +394,8 @@ this.$nextTick(()=>{ this.canvas = this.$refs.areaCanvas; this.ctx = this.canvas.getContext("2d"); - this.ctx.lineWidth = '1' + this.ctx.lineWidth = 1; + this.initArea() }) -- Gitblit v1.8.0