canvas-editor-engine 2.1.11 → 2.1.12

package/Readme.md

@@ -2,9 +2,9 @@
 
 Canvas 2D library use: [`typescript`] [`canvas`];
 
-For: [vue3] [native-js];
+For: [vue3] [native-js] [nuxt];
 
-# Vue3 example
+# Vue3 example [depricated]
 
 input:
 ```jsx

package/dist/config.d.ts

@@ -6,6 +6,7 @@ export interface ILayer {
 export declare class ConfigFabric {
     protected _CANVAS_SIZE: ICanvasSize;
     protected _LAYERS: ILayer[];
+    protected _ZOOM: number;
 }
 export default class AppConfig extends ConfigFabric {
     constructor();
@@ -13,4 +14,6 @@ export default class AppConfig extends ConfigFabric {
     set CANVAS_SIZE(value: ICanvasSize | undefined);
     get LAYERS(): ILayer[];
     set LAYERS(value: ILayer[]);
+    get ZOOM(): number;
+    set ZOOM(value: number);
 }

package/dist/index.mjs

@@ -83,6 +83,7 @@ var AppConfig = function(_super) {
             name: "high",
             index: 3
         } ];
+        _this._ZOOM = 1;
         return _this;
     }
     Object.defineProperty(AppConfig.prototype, "CANVAS_SIZE", {
@@ -111,6 +112,16 @@ var AppConfig = function(_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AppConfig.prototype, "ZOOM", {
+        get: function() {
+            return this._ZOOM;
+        },
+        set: function(value) {
+            this._ZOOM = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return AppConfig;
 }(ConfigFabric);
 
@@ -215,8 +226,8 @@ var CanvasComponent = function(_super) {
     });
     CanvasComponent.prototype.getCursorPosition = function(event) {
         var rect = this.canvas.getBoundingClientRect();
-        var x = event.clientX - rect.left;
-        var y = event.clientY - rect.top;
+        var x = (event.clientX - rect.left) / this.appConfig.ZOOM;
+        var y = (event.clientY - rect.top) / this.appConfig.ZOOM;
         return {
             x,
             y

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",