feat: 新增drawing-tool工具

main/src/view/canvas/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import { App, ellipseTool, polylineTool, rectTool, selectTool, triangleTool } from '@pictode/core';
+import { App, drawingTool, ellipseTool, polylineTool, rectTool, selectTool, triangleTool } from '@pictode/core';
 import { HistoryPlugin } from '@pictode/plugin-history';
 
 const containerRef = ref<HTMLDivElement>();
@@ -20,11 +20,11 @@ onMounted(() => {
       <button @click="app.undo()">回退</button>
       <button @click="app.redo()">恢复</button>
       <button @click="app.setTool(selectTool)">选择🖱️</button>
-      <!-- <button @click="app.setModel('drawing')">铅笔✏️</button> -->
       <button @click="app.setTool(rectTool)">矩形⬜️</button>
       <button @click="app.setTool(ellipseTool)">圆形⭕️</button>
       <button @click="app.setTool(triangleTool)">三角形🔺</button>
       <button @click="app.setTool(polylineTool)">线条📉</button>
+      <button @click="app.setTool(drawingTool)">铅笔✏️</button>
     </div>
     <div ref="containerRef" class="container"></div>
   </div>

packages/core/src/tools/drawing-tool.ts

@@ -0,0 +1,11 @@
+import { Tool } from '../types';
+
+export const drawingTool: Tool = {
+  name: 'drawingTool',
+  drawable: true,
+  onMouseDown({ app }) {
+    app.canvas.isDrawingMode = true;
+  },
+};
+
+export default drawingTool;