zkqh-canvas-select-one 2.32.3 → 2.32.5

package/lib/index.d.ts

@@ -8,8 +8,9 @@ import Grid from "./shape/Grid";
 import Brush from "./shape/Brush";
 import Eraser from "./shape/Eraser";
 import Ellipse from "./shape/Ellipse";
+import Text from "./shape/Text";
 export type Point = [number, number];
-export type AllShape = Rect | Polygon | Dot | Line | Circle | Grid | Brush | Eraser | Ellipse;
+export type AllShape = Rect | Polygon | Dot | Line | Circle | Grid | Brush | Eraser | Ellipse | Text;
 declare enum Shape {
     None = 0,
     Rect = 1,
@@ -20,7 +21,8 @@ declare enum Shape {
     Grid = 6,
     Brush = 7,
     Eraser = 8,
-    Ellipse = 9
+    Ellipse = 9,
+    Text = 10
 }
 export default class CanvasSelect extends EventBus {
     /** 当前版本 */
@@ -352,6 +354,20 @@ export default class CanvasSelect extends EventBus {
      * @param shape 标注实例
      */
     drawEllipse(shape: Ellipse): void;
+    /**
+     * 绘制文本
+     * @param shape 标注实例
+     */
+    drawText(shape: Text): void;
+    /**
+     * 绘制圆角矩形
+     * @param x x坐标
+     * @param y y坐标
+     * @param width 宽度
+     * @param height 高度
+     * @param radius 圆角半径
+     */
+    drawRoundedRect(x: number, y: number, width: number, height: number, radius: number): void;
     /**
      * 绘制折线
      * @param shape 标注实例
@@ -385,7 +401,7 @@ export default class CanvasSelect extends EventBus {
      * 绘制控制点列表
      * @param shape 标注实例
      */
-    drawCtrlList(shape: Rect | Polygon | Line | Circle | Ellipse): void;
+    drawCtrlList(shape: Rect | Polygon | Line | Circle | Ellipse | Text): void;
     /**
      * 绘制label
      * @param point 位置

package/lib/shape/Text.d.ts

@@ -0,0 +1,43 @@
+import Shape from './Shape';
+export default class Text extends Shape {
+    type: number;
+    /** 文本内容 */
+    text: string;
+    /** 字体大小 */
+    fontSize: number;
+    /** 字体族 */
+    fontFamily: string;
+    /** 文本颜色 */
+    textColor: string;
+    /** 背景颜色 */
+    backgroundColor: string;
+    /** 边框颜色 */
+    borderColor: string;
+    /** 边框宽度 */
+    borderWidth: number;
+    /** 圆角半径 */
+    borderRadius: number;
+    /** 内边距 */
+    padding: number;
+    /** 文本对齐方式 */
+    textAlign: CanvasTextAlign;
+    /** 文本基线 */
+    textBaseline: CanvasTextBaseline;
+    constructor(item: any, index: number, base: any);
+    /**
+     * 获取控制点数据
+     */
+    get ctrlsData(): any[][];
+    /**
+     * 获取文本框的宽度
+     */
+    get width(): number;
+    /**
+     * 获取文本框的高度
+     */
+    get height(): number;
+    /**
+     * 获取文本框的中心点
+     */
+    get center(): [number, number];
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zkqh-canvas-select-one",
-  "version": "2.32.3",
-  "description": "一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形、网格、画笔、橡皮擦",
+  "version": "2.32.5",
+  "description": "一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形、网格、画笔、橡皮擦、文本",
   "main": "lib/canvas-select.min.js",
   "module": "lib/canvas-select.esm.js",
   "types": "lib/index.d.ts",
@@ -32,7 +32,9 @@
     "网格",
     "画笔",
     "橡皮擦",
-    "电子围栏"
+    "电子围栏",
+    "文本",
+    "文字"
   ],
   "author": "heylight",
   "license": "MIT",