uniapp 用canvas实现工程图描点

Uniapp 可以通过使用原生的 Canvas API 来实现工程图描点功能。下面是一个简单的示例代码：

<template>
  <canvas canvas-id="myCanvas" style="width: 100%; height: 100%;" @touchstart="onTouchStart" @touchmove="onTouchMove"></canvas>
</template>

<script>
  export default {
    data() {
      return {
        x: 0,
        y: 0,
        isDrawing: false
      }
    },
    methods: {
      onTouchStart(e) {
        this.isDrawing = true;
        this.x = e.touches[0].x;
        this.y = e.touches[0].y;
      },
      onTouchMove(e) {
        if (this.isDrawing) {
          const context = uni.createCanvasContext('myCanvas');
          context.beginPath();
          context.arc(this.x, this.y, 2, 0, 2 * Math.PI);
          context.fill();
          context.draw(true);
          this.x = e.touches[0].x;
          this.y = e.touches[0].y;
        }
      }
    }
  }
</script>

以上代码创建了一个 Canvas 元素，并监听了 touchstart 和 touchmove 事件，当用户在 Canvas 上触摸屏幕时，会在触摸点处画一个半径为 2 像素的圆点。用户移动手指时，会继续在新的位置画圆点，从而实现描点的功能。

当然，这只是一个最简单的示例代码，你可以根据自己的需要来修改和扩展。例如，你可以添加清除画布、保存绘图、调整画笔颜色等功能。