From 8de50f979f3368b14e1c6914d9e6318979a929d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=94=A1=E7=8E=B2?=
 <8702040+cai-ling@user.noreply.gitee.com>
Date: Thu, 26 Sep 2024 09:32:38 +0800
Subject: [PATCH] =?UTF-8?q?agv=E8=A7=92=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/mork.js   |  10 +++++-----
 src/images/agv.png   | Bin 0 -> 3271 bytes
 src/pages/canvas.vue |   9 ++++++---
 3 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 src/images/agv.png

diff --git a/src/config/mork.js b/src/config/mork.js
index 3b6fb9c..1f0e9ca 100644
--- a/src/config/mork.js
+++ b/src/config/mork.js
@@ -57,23 +57,23 @@ export const queryDevice = (t) => {
   let res = {}
   if (t === 0) {
     res = {
-      data: {car1: {x: 105, y: 312, angle: 'up'}}
+      data: {car1: {x: 105, y: 312, angle: 90}}
     }
   } else if (t === 1) {
     res = {
-      data: {car1: {x: 105, y: 262, angle: 'up'}}
+      data: {car1: {x: 105, y: 262, angle: 180}}
     }
   } else if (t === 2) {
     res = {
-      data: {car1: {x: 105, y: 202, angle: 'up'}}
+      data: {car1: {x: 105, y: 202, angle: 180}}
     }
   } else if (t === 3) {
     res = {
-      data: {car1: {x: 105, y: 262, angle: 'down'}}
+      data: {car1: {x: 105, y: 262, angle: 90}}
     }
   } else if (t === 4) {
     res = {
-      data: {car1: {x: 105, y: 312, angle: 'down'}}
+      data: {car1: {x: 105, y: 312, angle: 90}}
     }
   }
   return res
diff --git a/src/images/agv.png b/src/images/agv.png
new file mode 100644
index 0000000000000000000000000000000000000000..107cccf8dc7b63e7c34c0c3ef8bc892c84d3b9ac
GIT binary patch
literal 3271
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
FV1i_XM^^v<

literal 0
HcmV?d00001

diff --git a/src/pages/canvas.vue b/src/pages/canvas.vue
index 73197a0..5db11d1 100644
--- a/src/pages/canvas.vue
+++ b/src/pages/canvas.vue
@@ -63,7 +63,7 @@ export default {
     },
     handleCanvasCar () {
       let img = new Image()
-      img.src = require(`../images/agv_${this.angle}.png`)
+      img.src = require(`../images/agv.png`)
       let nextX
       let nextY
       // 第一帧执行的时间
@@ -89,11 +89,14 @@ export default {
         const partProgress = (progress - (lineIndex - 1) * partProportion) / partProportion
         // 绘制方法
         const draw = () => {
-          this.ctx.beginPath()
           this.ctx.clearRect(0, 0, 680, 467)
+          this.ctx.save()
           nextX = ~~(this.keyPoints[lineIndex - 1].x + ((this.keyPoints[lineIndex]).x - this.keyPoints[lineIndex - 1].x) * partProgress)
           nextY = ~~(this.keyPoints[lineIndex - 1].y + ((this.keyPoints[lineIndex]).y - this.keyPoints[lineIndex - 1].y) * partProgress)
-          this.ctx.drawImage(img, nextX - 10, nextY - 19, 20, 38)
+          this.ctx.translate(nextX, nextY)
+          this.ctx.rotate(this.angle * Math.PI / 180)
+          this.ctx.drawImage(img, -img.width / 2, -img.height / 2)
+          this.ctx.restore()
         }
         draw()
         if (progress < 1) {