mxdraw 0.1.1 → 0.1.2

package/README.md

@@ -56,7 +56,7 @@ Mx.loadCoreCode().then(()=> {
   // 创建控件对象
   Mx.MxFun.createMxObject({
       canvasId: "mxcad", // canvas元素的id
-      drawName："test2.dwg", // 服务器中图纸名称
+      cadFile"test2.dwg", // 服务器中图纸名称
       callback: (mxDraw, {
           canvas,
           canvasParent
@@ -169,29 +169,33 @@ loadCoreCode().then(()=> {
 })
 ```
 ### MxFun 方法集合
-> MxFun提供了核心方法， 其中最重要的两个方法就是`setMxServer`设置服务器地址([什么是服务器地址
-
-](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#setMxServer) )和`createMxObject`创建控制对象
-* [MxFun.setMxServer](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#setMxServer) 
-* [MxFun.createMxObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#createMxObject) 
+> MxFun提供了核心方法， 其中最重要的两个方法就是[setMxServer](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#setMxServer)设置服务器地址
+以及 [createMxObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#createMxObject) 创建控制对象
+* 服务器地址就是[MxDraw云图开发包](https://www.mxdraw.com/download.html) 所启动的后台服务地址...[详情](https://help.mxdraw.com/?pid=32&keywords=)
 
 ### MxDrawObject 控件对象
 > [MxFun.createMxObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxFun.html#createMxObject) 创建的控件对象可以对canvas画布上展示的图纸进行控制修改以及添加three.js中各种组合图形等功能[详情](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDrawObject.html)
 
 ### MxThreeJS 创建THREE图形物体对象
-> [MxThreeJS](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxThreeJS.html)是根据Three.js提供的APi 创建各种常见的基础图形文字以及加载的图片/SVG等的方法集合， 一般情况最终创建返回的都是基于THREE.Object3D的物体对象，可以通过[MxDrawObject控件对象的addObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDrawObject.html#addObject) 方法添加到场景中，最后通过[MxDrawObject.updateDisplay](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDrawObject.html#updateDisplay)更新显示场景，就可以将物体对象渲染到canvas画布上了。当然也可以不使用MxThreeJS提供的创建物体的方式，可以用three.js自定义创建各种需要的物体图形模型。
+> [MxThreeJS](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxThreeJS.html)是根据Three.js提供的APi 创建各种常见的基础图形文字以及加载的图片/SVG等的方法集合
+* 一般情况最终创建返回的都是基于THREE.Object3D的物体对象，可以通过[MxDrawObject控件对象的addObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDrawObject.html#addObject) 方法添加到场景中，最后通过[MxDrawObject.updateDisplay](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDrawObject.html#updateDisplay)更新显示场景，就可以将物体对象渲染到canvas画布上了。
+* 当然也可以不使用MxThreeJS提供的创建物体的方式，可以用three.js自定义创建各种需要的物体图形模型。
 
 ### McEdGetPointWorldDrawObject / MrxDbgUiPrPoint / MrxDbgUiPrBaseReturn 动态绘制
-> [McEdGetPointWorldDrawObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McEdGetPointWorldDrawObject.html)是动态绘制对象的类， 一个McEdGetPointWorldDrawObject实例可以使用setDraw方法设置动态的回调函数，一般情况下回调函数中会通过drawCustomEntity或者提供的其他方法绘制出需要动态绘制的部分(鼠标移动将会触发动态回调函数)
-> [MrxDbgUiPrPoint](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MrxDbgUiPrPoint.html)是一个配合动态绘制的鼠标去点的类，实例化后通过go或者goWhile 方式设置鼠标点击回调事件， 通过setUserDraw方法设置动态绘制对象， 此时动态绘制对象生效，在鼠标移动时会触发其动态回调函数
-> [MrxDbgUiPrBaseReturn](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MrxDbgUiPrBaseReturn.html)是MrxDbgUiPrPoint的go或者goWhile的回调参数判断点击类型的一个枚举类型。
-> McEdGetPointWorldDrawObject / MrxDbgUiPrPoint 配合使用 就能够完成大部分图形动态绘制的需求，例：[如何实现一个画线的功能命令?](#%E7%94%A8%E6%B3%95)
+* [McEdGetPointWorldDrawObject](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McEdGetPointWorldDrawObject.html)是动态绘制对象的类， 一个McEdGetPointWorldDrawObject实例可以使用setDraw方法设置动态的回调函数，一般情况下回调函数中会通过drawCustomEntity或者提供的其他方法绘制出需要动态绘制的部分(鼠标移动将会触发动态回调函数)
+* [MrxDbgUiPrPoint](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MrxDbgUiPrPoint.html)是一个配合动态绘制的鼠标去点的类，实例化后通过go或者goWhile 方式设置鼠标点击回调事件， 通过setUserDraw方法设置动态绘制对象， 此时动态绘制对象生效，在鼠标移动时会触发其动态回调函数
+* [MrxDbgUiPrBaseReturn](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MrxDbgUiPrBaseReturn.html)是MrxDbgUiPrPoint的go或者goWhile的回调参数判断点击类型的一个枚举类型。
+* McEdGetPointWorldDrawObject / MrxDbgUiPrPoint 配合使用 就能够完成大部分图形动态绘制的需求，例：[如何实现一个画线的功能命令?](#%E7%94%A8%E6%B3%95)
 
 ### MxDbEntity / McGiWorldDraw / McGiWorldDrawType 自定义对象
-> 自定义对象是为了更加方便的控制一个图形物体对象创建的一个控制器， 在需要对已经绘制在画布上的图形物体进行动态改动操作时，有一系列繁琐的过程，选取对象/选取状态/生成可改动的顶点/拖动改变顶点位置/动态绘制... 如果遵循自定义对象的规范(实现MxDbEntity抽象类)，就可以忽略这些步骤，在实现了预设行为(抽象方法)后，鼠标操作就可以完成对物体对象的顶点操作，从而改变图形物体。
-> [MxDbEntity](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDbEntity.html)抽象类 通过继承的方式实现一个自定义对象
-> [McGiWorldDraw](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDraw.html) 是 [MxDbEntity.worldDraw](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDbEntity.html#worldDraw)抽象方法的回调对象 可以实现再鼠标拖动过程中的一些动态绘制任务
-> [McGiWorldDrawType](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDrawType.html) 是[McGiWorldDraw.getType](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDraw.html#getType)方法返回的枚举类型表示MxDbEntity.worldDraw的绘制类型
+> 自定义对象是为了更加方便的控制一个图形物体对象创建的一个控制器， 在需要对已经绘制在画布上的图形物体进行动态改动操作时，有一系列繁琐的过程，选取对象/选取状态/生成可改动的顶点/拖动改变顶点位置/动态绘制...
+
+> 如果遵循自定义对象的规范(实现MxDbEntity抽象类)，就可以忽略这些步骤，在实现了预设行为(抽象方法)后，鼠标操作就可以完成对物体对象的顶点操作，从而改变图形物体。
+
+
+* [MxDbEntity](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDbEntity.html)抽象类 通过继承的方式实现一个自定义对象
+* [McGiWorldDraw](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDraw.html) 是 [MxDbEntity.worldDraw](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/MxDbEntity.html#worldDraw)抽象方法的回调对象 可以实现再鼠标拖动过程中的一些动态绘制任务
+* [McGiWorldDrawType](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDrawType.html) 是[McGiWorldDraw.getType](https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/classes/McGiWorldDraw.html#getType)方法返回的枚举类型表示MxDbEntity.worldDraw的绘制类型
 
 
 ## 按需引入配置 

package/dist/lib/MxModule/McEdGetPointWorldDrawObject/McEdGetPointWorldDrawObjectClass.js

@@ -126,4 +126,3 @@ var McEdGetPointWorldDrawObject = /** @class */ (function () {
     return McEdGetPointWorldDrawObject;
 }());
 exports.default = McEdGetPointWorldDrawObject;
-//# sourceMappingURL=McEdGetPointWorldDrawObjectClass.js.map

package/dist/lib/MxModule/McEdGetPointWorldDrawObject/index.js

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var McEdGetPointWorldDrawObjectClass_1 = require("./McEdGetPointWorldDrawObjectClass");
 exports.default = McEdGetPointWorldDrawObjectClass_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/McGiWorldDraw/McGiWorldDraw.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=McGiWorldDraw.js.map

package/dist/lib/MxModule/McGiWorldDraw/index.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/McGiWorldDrawType/McGiWorldDrawType.js

@@ -17,4 +17,3 @@ var McGiWorldDrawType;
     McGiWorldDrawType[McGiWorldDrawType["kSelectDraw"] = 3] = "kSelectDraw";
 })(McGiWorldDrawType || (McGiWorldDrawType = {}));
 exports.default = McGiWorldDrawType;
-//# sourceMappingURL=McGiWorldDrawType.js.map

package/dist/lib/MxModule/McGiWorldDrawType/index.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var McGiWorldDrawType_1 = require("./McGiWorldDrawType");
 exports.default = McGiWorldDrawType_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MrxDbgUiPrBaseReturn/MrxDbgUiPrBaseReturn.js

@@ -29,4 +29,3 @@ var MrxDbgUiPrBaseReturn;
     MrxDbgUiPrBaseReturn[MrxDbgUiPrBaseReturn["kKeyWord"] = 1] = "kKeyWord";
 })(MrxDbgUiPrBaseReturn || (MrxDbgUiPrBaseReturn = {}));
 exports.default = MrxDbgUiPrBaseReturn;
-//# sourceMappingURL=MrxDbgUiPrBaseReturn.js.map

package/dist/lib/MxModule/MrxDbgUiPrBaseReturn/index.js

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var MrxDbgUiPrBaseReturn_1 = require("./MrxDbgUiPrBaseReturn");
 exports.default = MrxDbgUiPrBaseReturn_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MrxDbgUiPrPoint/MrxDbgUiPrPointClass.js

@@ -131,4 +131,3 @@ var MrxDbgUiPrPoint = /** @class */ (function () {
     return MrxDbgUiPrPoint;
 }());
 exports.default = MrxDbgUiPrPoint;
-//# sourceMappingURL=MrxDbgUiPrPointClass.js.map

package/dist/lib/MxModule/MrxDbgUiPrPoint/index.js

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var MrxDbgUiPrPointClass_1 = require("./MrxDbgUiPrPointClass");
 exports.default = MrxDbgUiPrPointClass_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MxDbEntity/MxDbEntity.js

@@ -1,6 +1,8 @@
 "use strict";
 /** @module MxDbEntity*/
 Object.defineProperty(exports, "__esModule", { value: true });
+var MxType_1 = require("../MxType");
+var store_1 = require("../store/store");
 /**
  * MxDbEntity 用于构建一个自定义对象的抽象类(该类无法实例化 请通过继承的方式对其抽象方法进行实现)
  * @description MxDbEntity 属于 abstract class(抽象类) 主要用途是通过继承这个类实现一个用于动态绘制的回调对象
@@ -25,6 +27,16 @@ var MxDbEntity = /** @class */ (function () {
     function MxDbEntity() {
         this.iColor = 0xffffff;
     }
+    /**
+   * 自定义实体的坐标变换.
+   * @param
+   * @returns void
+   * @example
+   *  }
+   * ```
+   */
+    MxDbEntity.prototype.transformBy = function (mat) {
+    };
     MxDbEntity.prototype.getImp = function () {
         var myThis = this;
         var imp = myThis['MxDbEntityImp'];
@@ -39,15 +51,39 @@ var MxDbEntity = /** @class */ (function () {
      *
      * ```
      */
-    MxDbEntity.prototype.upDisplay = function () {
+    MxDbEntity.prototype.setNeedUpdateDisplay = function (isImmediate) {
         var imp = this.getImp();
         if (imp) {
-            return imp.upDisplay();
+            if (isImmediate) {
+                imp.upDisplay();
+            }
+            else {
+                imp.setDirtyDisplay(true);
+            }
+            return true;
         }
         else {
             return false;
         }
     };
+    /**
+   * 得到对象的id.
+   * @param
+   * @returns number
+   * @example
+   * ``` typescript
+   *
+   * ```
+   */
+    MxDbEntity.prototype.objectId = function () {
+        var imp = this.getImp();
+        if (imp) {
+            return imp.objectId();
+        }
+        else {
+            return 0;
+        }
+    };
     /**
      * 删除对象
      * @param
@@ -91,16 +127,20 @@ var MxDbEntity = /** @class */ (function () {
         return this.iColor;
     };
     /**
-     * 得到对象类型名
+     * 复制对象。
      * @param
-     * @returns string
+     * @returns MxDbEntity
      * @example
      * ``` typescript
      *
      * ```
-     */
-    MxDbEntity.prototype.getTypeName = function () {
-        return 'MxDbEntity';
+    */
+    MxDbEntity.prototype.clone = function (type) {
+        var ret = this.create();
+        var objData = { type: type ? type : MxType_1.default.MxCloneType.kClone };
+        this.dwgOut(objData);
+        ret.dwgIn(objData);
+        return ret;
     };
     /**
      * 自定义对象内部数据输入同步（实现dwgIn抽象方法 必须在实现中调用 this.onDwgIn()）
@@ -116,7 +156,19 @@ var MxDbEntity = /** @class */ (function () {
     MxDbEntity.prototype.onDwgOut = function (obj) {
         obj['iColor'] = this.iColor;
     };
+    /**
+     * 初始自定义对象的类型信息.
+     * @param
+     * @returns
+     * @example
+     * ``` typescript
+     *
+     * ```
+    */
+    MxDbEntity.prototype.rxInit = function () {
+        ;
+        store_1.default.state.MxFun.initMxDbEntityType(this);
+    };
     return MxDbEntity;
 }());
 exports.default = MxDbEntity;
-//# sourceMappingURL=MxDbEntity.js.map

package/dist/lib/MxModule/MxDbEntity/index.js

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var MxDbEntity_1 = require("./MxDbEntity");
 exports.default = MxDbEntity_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MxDrawObject/MxDrawObject.js

@@ -273,6 +273,8 @@ var MxDrawObject = /** @class */ (function () {
      * Mx.MxFun.getCurrentDraw().addEvent("render", (renderer)=> {})
      * 视区大小被修改事件.,viewsize={viewWidth:viewWidth,viewHeight:viewHeight}
      * Mx.MxFun.getCurrentDraw().addEvent("viewsizechange", (viewsize)=> {})
+     * 实体选择状态发生改变的事件.
+     * Mx.MxFun.getCurrentDraw().addEvent("MxEntitySelectChange", (aryId:Array<number>)=> {})
      * ```
      */
     MxDrawObject.prototype.addEvent = function (eventNaem, fun) {
@@ -304,7 +306,7 @@ var MxDrawObject = /** @class */ (function () {
         return this._mxdrawObj.screenCoord2World(x, y, z);
     };
     /**
-     * ThreeJS坐标到屏幕坐标
+     * ThreeJS坐标到屏幕坐标,屏幕坐标的Y轴向下。坐标原点在左上角.
      * @returns THREE.Vector3
      * @example
      * ```typescript
@@ -497,6 +499,30 @@ var MxDrawObject = /** @class */ (function () {
     MxDrawObject.prototype.getMxCurrentSelect = function () {
         return this._mxdrawObj.getMxAllSelect();
     };
+    /**
+    * 把对象添加到当前选择中.
+    * @returns void
+    * @example
+    * ```typescript
+    *
+    *
+    * ```
+    */
+    MxDrawObject.prototype.addMxCurrentSelect = function (id) {
+        return this._mxdrawObj.addMxCurrentSelect(id);
+    };
+    /**
+  * 清除当前所有选择
+  * @returns void
+  * @example
+  * ```typescript
+  *
+  *
+  * ```
+  */
+    MxDrawObject.prototype.clearMxCurrentSelect = function () {
+        return this._mxdrawObj.clearMxCurrentSelect();
+    };
     /**
      *通过id获取绘制的对象.
      * @param id 返回对象的id
@@ -508,7 +534,7 @@ var MxDrawObject = /** @class */ (function () {
      * ```
      */
     MxDrawObject.prototype.getMxEntity = function (id) {
-        return this._mxdrawObj.getMxEntity(id);
+        return this._mxdrawObj.getMxEntityUserObject(id);
     };
     /**
      * 查找某点位置处的用户自绘对象.
@@ -589,7 +615,71 @@ var MxDrawObject = /** @class */ (function () {
     MxDrawObject.prototype.enablePan = function (isEnable) {
         return this._mxdrawObj.enablePan(isEnable);
     };
+    /**
+     * 删除MxEntity
+     * @param id 实体id.
+     * @returns
+     * @example
+     * ```typescript
+     *
+     *
+     * ```
+     */
+    MxDrawObject.prototype.eraseMxEntity = function (id) {
+        return this._mxdrawObj.eraseMxEntity(id);
+    };
+    /**
+     * 移除安视图坐标绘制的对象.
+     * @param obj 对象.
+     * @returns
+     * @example
+     * ```typescript
+     *
+     *
+     * ```
+     */
+    MxDrawObject.prototype.removeViewObject = function (obj) {
+        this._mxdrawObj.removeViewObject(obj);
+    };
+    /**
+     * 保存所有MxEntity的数据到json字符串.
+     * @param
+     * @returns json字符串
+     * @example
+     * ```typescript
+     *
+     *
+     * ```
+     */
+    MxDrawObject.prototype.saveMxEntityToJson = function () {
+        return this._mxdrawObj.saveMxEntityToJson();
+    };
+    /**
+    * 从json字符串恢复MxEntity
+    * @param dataString json字符串.
+    * @returns
+    * @example
+    * ```typescript
+    *
+    *
+    * ```
+    */
+    MxDrawObject.prototype.loadMxEntityFromJson = function (dataString) {
+        return this._mxdrawObj.loadMxEntityFromJson(dataString);
+    };
+    /**
+  * 删除所有对MxEntity
+  * @param
+  * @returns
+  * @example
+  * ```typescript
+  *
+  *
+  * ```
+  */
+    MxDrawObject.prototype.eraseAllMxEntity = function () {
+        return this._mxdrawObj.eraseAllMxEntity();
+    };
     return MxDrawObject;
 }());
 exports.default = MxDrawObject;
-//# sourceMappingURL=MxDrawObject.js.map

package/dist/lib/MxModule/MxDrawObject/index.js

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var MxDrawObject_1 = require("./MxDrawObject");
 exports.default = MxDrawObject_1.default;
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MxFun/MxFun.js

@@ -30,7 +30,7 @@ var MxFun = /** @class */ (function () {
      * 创建图纸展示控件实例
      * @param canvasId 提供一个canvas元素或者唯一的ID或者class类亦或者Jquery选中的元素
      * @paramType string | HTMLCanvasElement | JQuery<HTMLElement>
-     * @param drawName 提供要展示的图纸名称
+     * @param cadFile 提供要展示的图纸名称
      * @paramType string
      * @param callback 图纸展示控件创建完成后的回调函数 回调参数mxDraw和dom
      * @paramType function
@@ -41,7 +41,7 @@ var MxFun = /** @class */ (function () {
      * ``` typescript
      * Mx.MxFun.createMxObject({
      *   canvasId: "my-app",
-     *   drawName： "test2.dwg",
+     *   cadFile： "test2.dwg",
      *   callback(mxDraw, { canvas, canvasParent }) {
      *       console.log(mxDraw, canvas, canvasParent)
      *   },
@@ -50,7 +50,7 @@ var MxFun = /** @class */ (function () {
      * ```
      */
     MxFun.prototype.createMxObject = function (_a) {
-        var _b = _a.canvasId, canvasId = _b === void 0 ? (0, random_1.createReandomId)() : _b, _c = _a.drawName, drawName = _c === void 0 ? 'test2.dwg' : _c, callback = _a.callback, _d = _a.isNewFile, isNewFile = _d === void 0 ? true : _d;
+        var _b = _a.canvasId, canvasId = _b === void 0 ? (0, random_1.createReandomId)() : _b, _c = _a.cadFile, cadFile = _c === void 0 ? 'test2.dwg' : _c, callback = _a.callback, _d = _a.isNewFile, isNewFile = _d === void 0 ? true : _d;
         // 获取canvas和其父级
         var canvas = (0, create_1.createCanvas)(canvasId);
         var canvasParent = (0, create_1.createCanvasParent)(canvas);
@@ -64,7 +64,7 @@ var MxFun = /** @class */ (function () {
         // canvasParent.style.position = 'relative';
         // 创建实例
         ;
-        store_1.default.state.MxFun.createMxObject(canvasId, drawName, function (mxDraw) {
+        store_1.default.state.MxFun.createMxObject(canvasId, cadFile, function (mxDraw) {
             var mxdrawObj = new MxDrawObject_1.default(mxDraw);
             mxDraw.setMouseRightRotate(false);
             mxDraw.setIniset({ EnableOsnapFunction: true });
@@ -166,7 +166,7 @@ var MxFun = /** @class */ (function () {
      * @example
      * ``` typescript
      * Mx.MxFun.call("getDrawObject", {
-     *   drawName: "test.dwg"
+     *   cadFile: "test.dwg"
      * }, (res)=> {
      *   console.log(res)
      * })
@@ -213,6 +213,18 @@ var MxFun = /** @class */ (function () {
     MxFun.prototype.worldCoordLong2Doc = function (len) {
         return store_1.default.state.MxFun.worldCoordLong2Doc(len);
     };
+    /**
+   * DWG文档坐标长度到ThreeJS坐标长度
+   * @returns number
+   * @example
+   * ```typescript
+   *
+   *
+   * ```
+   */
+    MxFun.prototype.docCoordLong2World = function (l) {
+        return store_1.default.state.MxFun.docCoordLong2World(l);
+    };
     /**
      * 屏幕坐标转THREE.JS坐标.
      * @param  x 坐标x
@@ -229,7 +241,7 @@ var MxFun = /** @class */ (function () {
         return store_1.default.state.MxFun.screenCoord2World(x, y, z);
     };
     /**
-     * THREE.JS坐标转屏幕坐标.
+     * THREE.JS坐标转屏幕坐标.,屏幕坐标的Y轴向下。坐标原点在左上角.
      * @param  x 坐标x
      * @param  y 坐标y
      * @param  z 坐标z
@@ -245,6 +257,7 @@ var MxFun = /** @class */ (function () {
     };
     /**
      * 文档坐标转THREE.JS坐标
+     * 说明： 文档坐标，THREE.JS坐标的X轴都是从左到右，Y轴是下到上,但是屏幕像素坐标系：X轴都是从左到右，Y轴是上到下
      * @param  x 坐标x
      * @param  y 坐标y
      * @param  z 坐标z
@@ -463,7 +476,7 @@ var MxFun = /** @class */ (function () {
         return 5 + 6;
     };
     /**
-     * 加载一个Image对象。
+     * 加载一个图片对象，返回Three.js材质对象，该函数具有缓存功能，下次加载同样的图片，可以直接返回.
      * @param p
      * @return any
      * @example
@@ -471,10 +484,40 @@ var MxFun = /** @class */ (function () {
      *
      * ```
      */
-    MxFun.prototype.loadImage = function (imageUrlPath, callResult) {
-        return store_1.default.state.MxFun.loadImage(imageUrlPath, callResult);
+    MxFun.prototype.loadImageMaterial = function (imageUrlPath, callResult) {
+        return store_1.default.state.MxFun.loadImageMaterial(imageUrlPath, callResult);
+    };
+    /**
+    * 判断点是否在一个闭合的多边形区域。
+    * @param p
+    * @return any
+    * @example
+    * ``` typescript
+    *      let aryPoint:Array<THREE.Vector3> = [];
+    *      aryPoint.push(new THREE.Vector3(0,0,0));
+    *      aryPoint.push(new THREE.Vector3(0,100,0));
+    *      aryPoint.push(new THREE.Vector3(100,100,0));
+    *      aryPoint.push(new THREE.Vector3(100,0,0));
+    *      let pt:THREE.Vector3 = new THREE.Vector3(150,150);
+    *      if(MxFun.pointInPolyline(pt,aryPoint) ){
+    *        console.log("in");
+    *      }
+    * ```
+    */
+    MxFun.prototype.pointInPolyline = function (pt, vecPolyline) {
+        return store_1.default.state.MxFun.pointInPolyline(pt, vecPolyline);
+    };
+    /**
+     * 计算多边形区域的面积
+     * @param p
+     * @return any
+     * @example
+     * ``` typescript
+     * ```
+     */
+    MxFun.prototype.calcArea = function (aryPoint) {
+        return store_1.default.state.MxFun.calcArea(aryPoint);
     };
     return MxFun;
 }());
 exports.default = MxFun;
-//# sourceMappingURL=MxFun.js.map

package/dist/lib/MxModule/MxFun/index.js

@@ -7,4 +7,3 @@ var MxFun_1 = require("./MxFun");
 //   loadCoreCode()
 // }
 exports.default = new MxFun_1.default();
-//# sourceMappingURL=index.js.map

package/dist/lib/MxModule/MxThreeJS/MxThreeJS.js

@@ -139,8 +139,8 @@ var MxThreeJS = /** @class */ (function () {
         context.font = sFont;
         context.textAlign = 'center';
         context.textBaseline = 'middle';
-        var sColor = (0, formatting_1.formatString)('#{0}', iColor.toString(16));
-        context.fillStyle = sColor;
+        context.fillStyle = (0, formatting_1.formatString)('rgba({0}, {1}, {2}, 1.0)', ((iColor >> 16) & 0xff) + "", ((iColor >> 8) & 0xff) + "", (iColor & 0xff) + "");
+        //const sColor = formatString('#{0}', iColor.toString(16))
         context.fillText(message, textWidth / 2, textHeight / 2);
         var texture = new three_1.Texture(canvas);
         texture.needsUpdate = true;
@@ -241,7 +241,7 @@ var MxThreeJS = /** @class */ (function () {
     };
     /**
      * 创建Image
-     * @param pos 图片位置
+     * @param pos 图片中心点位置,屏幕坐标，屏幕坐标的Y轴向上。坐标原点在左下角.
      * @param w 图片宽度
      * @param h 图片高度
      * @param imageUrlPath 图片URl地址
@@ -255,38 +255,9 @@ var MxThreeJS = /** @class */ (function () {
      * ```
      */
     MxThreeJS.prototype.createImage = function (pos, w, h, imageUrlPath, callResult) { };
-    // createImage(pos:Vector3,w:number,h:number,imageUrlPath:string,callResult:(mesh:Mesh | null)=>void): void{
-    //     new TextureLoader().load(
-    //         imageUrlPath,
-    //         function (texture) {
-    //             let geometry = new PlaneGeometry(w, w);
-    //             // 测试 transparent: true,打开，renderOrder才管用。
-    //             let materialTexture = new MeshLambertMaterial({
-    //                     map: texture,
-    //                     transparent: true,
-    //                     side: DoubleSide
-    //             });
-    //             if(materialTexture.map)
-    //                 materialTexture.map.needsUpdate = true;
-    //             setGeometryPostion(geometry,pos);
-    //             //var mesh = new Mesh(geometry, material);
-    //             let mesh:any = new Mesh(geometry, materialTexture);
-    //             mesh.material["depthTest"]=false;
-    //             //mesh.renderOrder = renderOrder;
-    //             callResult(mesh);
-    //         },
-    //         undefined,
-    //         function (err) {
-    //             console.log(err)
-    //             callResult(null);
-    //         });
-    // }
     /**
      * 加载SVG
-     * @param url SVG路径地址
-     * @param x X轴位置
-     * @param y Y轴位置
-     * @param scale 缩放比
+     * @param url SVG路径地址,该函数具有缓存功能，下次加载同样的图片，可以直接返回.
      * @param color 颜色
      * @param callResult SVG加载完成的回调 回调参数：THREE.Object3D和Array<THREE.MeshBasicMaterial>
      * @returns void
@@ -297,8 +268,7 @@ var MxThreeJS = /** @class */ (function () {
      * })
      * ```
      */
-    MxThreeJS.prototype.loadSVG = function (url, x, y, scale, color, callResult) { };
+    MxThreeJS.prototype.loadSVG = function (url, color, callResult) { };
     return MxThreeJS;
 }());
 exports.default = MxThreeJS;
-//# sourceMappingURL=MxThreeJS.js.map