瀏覽代碼

地图补全缩放参数

Koishi 1 年之前
父節點
當前提交
ed714777a5
共有 1 個文件被更改,包括 5 次插入11 次删除
  1. 5 11
      src/views/Home/components/home/svg-map-nx.vue

+ 5 - 11
src/views/Home/components/home/svg-map-nx.vue

@@ -8,15 +8,7 @@
       x="0"
       y="0"
       viewBox="0 0 710 500"
-      :style="
-        ' transform: rotateX(' +
-        deg +
-        'deg); left: ' +
-        svgLeft +
-        '; top: ' +
-        svgTop +
-        ';'
-      "
+      :style="`transform: rotateX(${deg}deg); left:${svgLeft}; top:${svgTop}; transform: scale(${scaleX}, ${scaleY});`"
       xml:space="preserve"
       :width="svgWidth"
       :height="svgHeight"
@@ -6667,8 +6659,10 @@ export default {
       svgLeft: 0,
       svgWidth: "100%",
       svgHeight: "100%",
-      offsetX: -300, // 地图与图钉与特效水平方向偏移,负数向左,正数向右。
-      offsetY: -50, // 垂直方向偏移,负数向上,正数向下。
+      offsetX: -10, // 地图与图钉与特效水平方向偏移,负数向左,正数向右。
+      offsetY: -15, // 垂直方向偏移,负数向上,正数向下。
+      scaleX: 0.85, // 地图所有元素水平缩放级别,0.5 为 0.5 倍大小,1 为原始大小,2 为 2 倍大小。
+      scaleY: 1,  // 垂直缩放级别
     };
   },
   // 函数