Prechádzať zdrojové kódy

bug fix: 上下翻转后忘了相应调整路径和起点终点坐标的计算逻辑。

任一存 1 rok pred
rodič
commit
762c4f0cd2
2 zmenil súbory, kde vykonal 5 pridanie a 5 odobranie
  1. 1 1
      public/index.html
  2. 4 4
      src/App.vue

+ 1 - 1
public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>v1.2.0</title>
+    <title>点位数据可视化 v2.0.1</title>
   </head>
   <body>
     <noscript>

+ 4 - 4
src/App.vue

@@ -670,7 +670,7 @@ export default {
       let pathYArrayInPx = rawPathData.map((eachPoint) => {
         return eachPoint.y
       }).map((eachY) => {
-        return (eachY - yCenter) * pxPerUnitLength + svgHeight / 2
+        return (-1) * (eachY - yCenter) * pxPerUnitLength + svgHeight / 2
       })
       let pathXArrayInPx2 = rawPathData2.map((eachPoint) => {
         return eachPoint.x
@@ -680,7 +680,7 @@ export default {
       let pathYArrayInPx2 = rawPathData2.map((eachPoint) => {
         return eachPoint.y
       }).map((eachY) => {
-        return (eachY - yCenter) * pxPerUnitLength + svgHeight / 2
+        return (-1) * (eachY - yCenter) * pxPerUnitLength + svgHeight / 2
       })
 
       // 组合成最终数据用来渲染
@@ -762,7 +762,7 @@ export default {
       if (startPoint) {
         // 起点坐标映射到视口坐标
         startPoint[0] = (startPoint[0] - xCenter) * pxPerUnitLength + svgWidth / 2
-        startPoint[1] = (startPoint[1] - yCenter) * pxPerUnitLength + svgHeight / 2
+        startPoint[1] = (-1) * (startPoint[1] - yCenter) * pxPerUnitLength + svgHeight / 2
         // 进行渲染
         gNode.selectAll('circle.start').data([startPoint]).enter().append('circle')
           .classed('start', true)
@@ -776,7 +776,7 @@ export default {
       if (endPoint) {
         // 终点坐标映射到视口坐标
         endPoint[0] = (endPoint[0] - xCenter) * pxPerUnitLength + svgWidth / 2
-        endPoint[1] = (endPoint[1] - yCenter) * pxPerUnitLength + svgHeight / 2
+        endPoint[1] = (-1) * (endPoint[1] - yCenter) * pxPerUnitLength + svgHeight / 2
         // 进行渲染
         gNode.selectAll('circle.end').data([endPoint]).enter().append('circle')
           .classed('end', true)