gis-common 5.1.33 → 5.1.34

package/dist/gis-common.es.js

@@ -3354,26 +3354,27 @@ class Color {
 class CanvasDrawer {
   constructor(el) {
     __publicField(this, "ctx");
+    __publicField(this, "canvas");
     if (el && typeof el === "string") {
-      el = document.querySelector("#" + el);
-      if (!el) {
+      this.canvas = document.querySelector("#" + el);
+      if (!this.canvas) {
         throw new Error("Element not found");
       }
     }
     if (el instanceof HTMLCanvasElement) {
-      const canvas = el;
-      if (canvas.getContext) {
-        this.ctx = canvas.getContext("2d");
+      this.canvas = el;
+      if (this.canvas.getContext) {
+        this.ctx = this.canvas.getContext("2d");
       } else {
         throw new Error("getContext is not available on this element");
       }
     } else {
-      const canvas = document.createElement("canvas");
-      canvas.style.cssText = "position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999;";
-      canvas.width = window.innerWidth;
-      canvas.height = window.innerHeight;
-      document.body.appendChild(canvas);
-      this.ctx = canvas.getContext("2d");
+      this.canvas = document.createElement("canvas");
+      this.canvas.style.cssText = "position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999;";
+      this.canvas.width = window.innerWidth;
+      this.canvas.height = window.innerHeight;
+      document.body.appendChild(this.canvas);
+      this.ctx = this.canvas.getContext("2d");
       if (!this.ctx) {
         throw new Error("getContext is not available on this element");
       }
@@ -3387,10 +3388,10 @@ class CanvasDrawer {
    * @param options 绘制选项，包括线条宽度和颜色
    * @throws 当画布上下文不存在时抛出错误
    */
-  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options) {
+  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
     this.ctx.beginPath();
-    const width = (options == null ? void 0 : options.width) || 1;
-    const color = (options == null ? void 0 : options.color) || "#000";
+    const width = options.width || 1;
+    const color = options.color || "#000";
     this.ctx.lineWidth = width;
     this.ctx.strokeStyle = color;
     this.ctx.moveTo(startX, startY);
@@ -3423,14 +3424,12 @@ class CanvasDrawer {
       this.ctx.stroke();
     }
   }
-  drawImage({ x, y }, image, options = {}) {
-    const width = options.width || image.width;
-    const height = options.height || image.height;
-    const angle = options.angle || 0;
-    this.ctx.save();
+  drawImage({ x, y }, image, angleDeg, color) {
+    const width = image.width;
+    const height = image.height;
     this.ctx.translate(x, y);
-    if (angle) {
-      const angleRad = angle * Math.PI / 180;
+    if (angleDeg) {
+      const angleRad = angleDeg * Math.PI / 180;
       this.ctx.rotate(angleRad);
     }
     this.ctx.drawImage(image, -width / 2, -height / 2, width, height);