pages/index/utils.js

@@ -1,79 +0,0 @@
-import { ref, onMounted, onUnmounted } from 'vue'
-
-export function useElementSize(targetSelector) {
-  const width = ref(0)
-  const height = ref(0)
-  let observer = null
-
-  const updateSize = () => {
-    const query = uni.createSelectorQuery()
-    query.select(targetSelector).boundingClientRect(rect => {
-      if (rect) {
-        width.value = rect.width
-        height.value = rect.height
-      }
-    }).exec()
-  }
-
-  onMounted(() => {
-    updateSize()
-    // 尝试使用 ResizeObserver（部分小程序基础库支持）
-    if (uni.createIntersectionObserver) {
-      observer = uni.createIntersectionObserver(this, {
-        observeAll: true
-      })
-      observer.relativeToViewport().observe(targetSelector, updateSize)
-    }
-  })
-
-  onUnmounted(() => {
-    observer?.disconnect()
-  })
-
-  return { width, height, updateSize }
-}
-
-export function useEventListener(target, event, handler) {
-  // 组件内事件
-  if (target.$on) {
-    target.$on(event, handler)
-    const stop = () => target.$off(event, handler)
-    onUnmounted(stop)
-    return stop
-  }
-  // 全局事件（需配合 uni.$emit 使用）
-  else {
-    uni.$on(event, handler)
-    const stop = () => uni.$off(event, handler)
-    onUnmounted(stop)
-    return stop
-  }
-}
-
-
-export function useRafFn(fn, { immediate = true } = {}) {
-  let isActive = false
-  let timerId = null
-
-  const loop = () => {
-    if (!isActive) return
-    fn()
-    timerId = setTimeout(loop, 16) // 模拟 60fps
-  }
-
-  const start = () => {
-    if (isActive) return
-    isActive = true
-    loop()
-  }
-
-  const stop = () => {
-    isActive = false
-    clearTimeout(timerId)
-  }
-
-  onUnmounted(stop)
-  immediate && start()
-
-  return { start, stop }
-}

unpackage/dist/dev/.sourcemap/mp-weixin-devtools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":";","ignoreList":[]}

unpackage/dist/dev/.sourcemap/mp-weixin-devtools/pages/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wx","createPage","index","MiniProgramPage"],"sources":["cGFnZXMvaW5kZXgvaW5kZXgudnVl"],"sourcesContent":["import MiniProgramPage from 'C:/Users/hp/Desktop/app/canvas/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;AACAA,EAAA,CAAGC,UAAA,CAAWC,KAAA,CAAeC,eAAA","ignoreList":[]}

unpackage/dist/dev/.sourcemap/mp-weixin/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sources":["App.vue"],"sourcesContent":["<script>\n\texport default {\n\t\tonLaunch: function() {\n\t\t\tconsole.log('App Launch')\n\t\t},\n\t\tonShow: function() {\n\t\t\tconsole.log('App Show')\n\t\t},\n\t\tonHide: function() {\n\t\t\tconsole.log('App Hide')\n\t\t}\n\t}\n</script>\n\n<style>\n\t/*每个页面公共css */\n</style>\n"],"names":["uni"],"mappings":";;;;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;;;;;;;;;"}

unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sources":["static/logo.png"],"sourcesContent":["export default \"__VITE_ASSET__46719607__\""],"names":[],"mappings":";AAAA,MAAe,aAAA;;"}

unpackage/dist/dev/.sourcemap/mp-weixin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["pages/index/index.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/canvas/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["MiniProgramPage"],"mappings":";;AACA,GAAG,WAAWA,MAAe,eAAA;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["/Users/sunmeng/Desktop/canvas/pages/index/index.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/canvas/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["MiniProgramPage"],"mappings":";;AACA,GAAG,WAAWA,MAAe,eAAA;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/indexFu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexFu.js","sources":["pages/index/indexFu.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvaW5kZXgvaW5kZXhGdS52dWU"],"sourcesContent":["<template>\r\n\t<view>\r\n\t<indexZi></indexZi>\r\n\t</view>\r\n</template>\r\n\r\n<script setup>\r\n\timport indexZi from \"./index.vue\" \r\n\timport {\r\n\t\tref\r\n\t} from 'vue'\r\n\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import MiniProgramPage from 'C:/Users/hp/Desktop/app/canvas/pages/index/indexFu.vue'\nwx.createPage(MiniProgramPage)"],"names":["MiniProgramPage"],"mappings":";;;;;AAOC,MAAM,UAAU,MAAW;;;;;;;;;ACN5B,GAAG,WAAWA,SAAe;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index_step4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_step4.js","sources":["pages/index/index_step4.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/canvas/pages/index/index_step4.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,GAAG,WAAW,eAAe;"}

unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/step2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step2.js","sources":["pages/index/step2.vue?type=page"],"sourcesContent":["import MiniProgramPage from '/Users/sunmeng/Desktop/canvas/pages/index/step2.vue'\nwx.createPage(MiniProgramPage)"],"names":["MiniProgramPage"],"mappings":";;;;;;;;;;;;;;AACA,GAAG,WAAWA,SAAe;"}

unpackage/dist/dev/.sourcemap/mp-weixin/static/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sources":["static/canvas.jpg"],"sourcesContent":["export default \"__VITE_ASSET__72ea9485__\""],"names":[],"mappings":";;AAAA,MAAe,SAAA;;"}

unpackage/dist/dev/mp-weixin/app.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const common_vendor = require("./common/vendor.js");
+if (!Math) {
+  "./pages/index/index_step4.js";
+  "./pages/index/step2.js";
+  "./pages/index/index.js";
+}
+const _sfc_main = {
+  onLaunch: function() {
+    common_vendor.index.__f__("log", "at App.vue:4", "App Launch");
+  },
+  onShow: function() {
+    common_vendor.index.__f__("log", "at App.vue:7", "App Show");
+  },
+  onHide: function() {
+    common_vendor.index.__f__("log", "at App.vue:10", "App Hide");
+  }
+};
+function createApp() {
+  const app = common_vendor.createSSRApp(_sfc_main);
+  return {
+    app
+  };
+}
+createApp().app.mount("#app");
+exports.createApp = createApp;
+//# sourceMappingURL=../.sourcemap/mp-weixin/app.js.map

unpackage/dist/dev/mp-weixin/app.json

@@ -0,0 +1,14 @@
+{
+  "pages": [
+    "pages/index/index_step4",
+    "pages/index/step2",
+    "pages/index/index"
+  ],
+  "window": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F8F8F8",
+    "backgroundColor": "#F8F8F8"
+  },
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/app.wxss

@@ -0,0 +1,3 @@
+
+	/*每个页面公共css */
+page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}

unpackage/dist/dev/mp-weixin/index.js

@@ -0,0 +1,93 @@
+"use strict";
+const common_vendor = require("./common/vendor.js");
+const _sfc_main = {
+  __name: "index",
+  setup(__props) {
+    common_vendor.ref(375);
+    common_vendor.ref(400);
+    const instance = common_vendor.getCurrentInstance();
+    const scale = common_vendor.ref(1);
+    const offsetX = common_vendor.ref(0);
+    const offsetY = common_vendor.ref(0);
+    const lastDistance = common_vendor.ref(-1);
+    const startX = common_vendor.ref(0);
+    const startY = common_vendor.ref(0);
+    const isDragging = common_vendor.ref(false);
+    const imgUrl = common_vendor.ref("https://assets.sx25.troyrc.com/sx25/images/events/XBDT.jpg");
+    async function draw() {
+      const ctx = common_vendor.index.createCanvasContext("canvas", instance);
+      ctx.save();
+      ctx.translate(offsetX.value, offsetY.value);
+      ctx.scale(scale.value, scale.value);
+      const res = await common_vendor.index.getImageInfo({ src: imgUrl.value });
+      ctx.drawImage(res.path, 0, 0);
+      ctx.restore();
+      ctx.draw();
+    }
+    const handleTouchStart = (e) => {
+      common_vendor.index.__f__("log", "at pages/index/index.vue:103", "handleTouchStart");
+      if (e.touches.length === 1) {
+        startX.value = e.touches[0].clientX - offsetX.value;
+        startY.value = e.touches[0].clientY - offsetY.value;
+        isDragging.value = true;
+      } else if (e.touches.length === 2) {
+        const x1 = e.touches[0].clientX;
+        const y1 = e.touches[0].clientY;
+        const x2 = e.touches[1].clientX;
+        const y2 = e.touches[1].clientY;
+        lastDistance.value = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+      }
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length === 1 && isDragging.value) {
+        offsetX.value = e.touches[0].clientX - startX.value;
+        offsetY.value = e.touches[0].clientY - startY.value;
+      } else if (e.touches.length === 2) {
+        const x1 = e.touches[0].clientX, y1 = e.touches[0].clientY;
+        const x2 = e.touches[1].clientX, y2 = e.touches[1].clientY;
+        const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+        if (lastDistance.value > 0) {
+          scale.value = Math.min(Math.max(scale.value * (distance / lastDistance.value), 0.5), 4);
+          draw();
+        }
+        lastDistance.value = distance;
+      }
+    };
+    const handleTouchEnd = () => {
+      common_vendor.index.__f__("log", "at pages/index/index.vue:167", "handleTouchEnd");
+      lastDistance.value = -1;
+      isDragging.value = false;
+    };
+    const handleDraw = () => {
+      draw();
+    };
+    common_vendor.onReady(() => {
+      common_vendor.index.__f__("log", "at pages/index/index.vue:184", "onReadyonReady");
+      common_vendor.index.downloadFile({
+        url: imgUrl.value,
+        success: function(sres) {
+          common_vendor.index.__f__("log", "at pages/index/index.vue:188", sres, "sres");
+          imgUrl.value = sres.tempFilePath || sres.path;
+          draw();
+        },
+        fail: function(fres) {
+          common_vendor.index.__f__("log", "at pages/index/index.vue:194", "fres", fres);
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.o(handleTouchStart),
+        b: common_vendor.o(handleTouchMove),
+        c: common_vendor.o(handleTouchEnd),
+        d: "1000px",
+        e: "800px",
+        f: `translate(${offsetX.value}px, ${offsetY.value}px) scale(${scale.value})`,
+        g: common_vendor.o(handleDraw)
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-1cf27b2a"]]);
+exports.MiniProgramPage = MiniProgramPage;
+//# sourceMappingURL=../.sourcemap/mp-weixin/index.js.map

unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -0,0 +1,4 @@
+"use strict";
+const index = require("../../index.js");
+wx.createPage(index.MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index.js.map

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "uni-app",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -0,0 +1 @@
+<view class="data-v-1cf27b2a"><block wx:if="{{r0}}"><canvas class="data-v-1cf27b2a" bindtouchstart="{{a}}" bindtouchmove="{{b}}" bindtouchend="{{c}}" style="{{'width:' + d + ';' + ('height:' + e) + ';' + ('transform:' + f)}}" canvas-id="canvas" id="canvas"></canvas></block><image class="data-v-1cf27b2a" src="https://assets.sx25.troyrc.com/sx25/images/events/XBDT.jpg"></image><button class="data-v-1cf27b2a" bindtap="{{g}}">点击绘制圆形</button></view>

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -0,0 +1,4 @@
+
+button.data-v-1cf27b2a {
+		margin-top: 10px;
+}

unpackage/dist/dev/mp-weixin/pages/index/index2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index = require("../../index.js");
+wx.createPage(index.MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index2.js.map

unpackage/dist/dev/mp-weixin/pages/index/index_step4.js

@@ -0,0 +1,42 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "index_step4",
+  setup(__props) {
+    const canvasWidth = common_vendor.ref(200);
+    const canvasHeight = common_vendor.ref(200);
+    const instance = common_vendor.getCurrentInstance();
+    function draw() {
+      const ctx = common_vendor.index.createCanvasContext("canvas", instance);
+      common_vendor.index.__f__("log", "at pages/index/index_step4.vue:20", ctx, "12");
+      ctx.beginPath();
+      ctx.arc(100, 100, 80, 0, Math.PI * 2);
+      ctx.setFillStyle("rgba(100, 220, 0, 1)");
+      ctx.fill();
+      ctx.beginPath();
+      ctx.arc(100, 100, 75, 0, Math.PI * 2);
+      ctx.setFillStyle("white");
+      ctx.fill();
+      ctx.draw();
+    }
+    const handleDraw = () => {
+      common_vendor.index.navigateTo({
+        url: "/pages/index/step2"
+      });
+      draw();
+    };
+    common_vendor.onMounted(() => {
+      draw();
+    });
+    return (_ctx, _cache) => {
+      return {
+        a: canvasWidth.value,
+        b: canvasHeight.value,
+        c: common_vendor.o(handleDraw)
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7e4ca425"]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index_step4.js.map

unpackage/dist/dev/mp-weixin/pages/index/index_step4.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "step",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/index/index_step4.wxml

@@ -0,0 +1 @@
+<view class="data-v-7e4ca425"><canvas class="data-v-7e4ca425" canvas-id="canvas" id="canvas" style="width:200px;height:200px;border:1px solid red" width="{{a}}" height="{{b}}"></canvas><button class="data-v-7e4ca425" bindtap="{{c}}">跳转step2</button></view>

unpackage/dist/dev/mp-weixin/pages/index/index_step4.wxss

@@ -0,0 +1,4 @@
+
+button.data-v-7e4ca425 {
+		margin-top: 10px;
+}

unpackage/dist/dev/mp-weixin/pages/index/step2.js

@@ -0,0 +1,16 @@
+"use strict";
+require("../../common/vendor.js");
+if (!Math) {
+  indexstep2();
+}
+const indexstep2 = () => "./index2.js";
+const _sfc_main = {
+  __name: "step2",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return {};
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/step2.js.map

unpackage/dist/dev/mp-weixin/pages/index/step2.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "fu",
+  "usingComponents": {
+    "indexstep2": "./index"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/index/step2.wxml

@@ -0,0 +1 @@
+<view><indexstep2 u-i="4f007cb8-0" bind:__l="__l"></indexstep2></view>

unpackage/dist/dev/mp-weixin/project.config.json

@@ -0,0 +1,29 @@
+{
+    "description": "项目配置文件。",
+    "packOptions": {
+        "ignore": [],
+        "include": []
+    },
+    "setting": {
+        "urlCheck": false,
+        "es6": true,
+        "postcss": false,
+        "minified": false,
+        "newFeature": true,
+        "bigPackageSizeSupport": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        }
+    },
+    "compileType": "miniprogram",
+    "libVersion": "3.8.3",
+    "appid": "wx5c9edf82da6032c4",
+    "projectname": "canvas",
+    "condition": {},
+    "editorSetting": {
+        "tabIndent": "insertSpaces",
+        "tabSize": 4
+    }
+}

unpackage/dist/dev/mp-weixin/project.private.config.json

@@ -0,0 +1,8 @@
+{
+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+    "projectname": "canvas",
+    "setting": {
+        "compileHotReLoad": true,
+        "urlCheck": false
+    }
+}