hoeditor-web 3.0.15 → 3.0.16

package/lib/hoeditor.umd.js

@@ -7613,7 +7613,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 18229:
+/***/ 72781:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7625,7 +7625,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ HoFormula; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/hoformula/HoFormula.vue?vue&type=template&id=6d613849&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/hoformula/HoFormula.vue?vue&type=template&id=6be449da&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -7729,13 +7729,19 @@ var es_string_replace = __webpack_require__(15306);
       var createImage = function createImage(data) {
         var lateX = _this3.hoKFEditor.execCommand('get.source').replace(/\s/g, '');
         if (data.width && data.height) {
-          _this3.vueController.insertImage(data.img, data.width / 2, data.height / 2, true, lateX);
+          _this3.vueController.insertImage(data.img, data.width / 2, data.height / 2, {
+            isFormula: true,
+            lateX: lateX
+          });
           _this3.closeFormula();
         } else {
           var img = new Image();
           img.src = data.img;
           img.onload = function () {
-            _this3.vueController.insertImage(data.img, img.width / 2, img.height / 2, true, lateX);
+            _this3.vueController.insertImage(data.img, img.width / 2, img.height / 2, {
+              isFormula: true,
+              lateX: lateX
+            });
             _this3.closeFormula();
           };
         }
@@ -7760,10 +7766,10 @@ var es_string_replace = __webpack_require__(15306);
 });
 ;// CONCATENATED MODULE: ./src/components/controls/hoformula/HoFormula.vue?vue&type=script&lang=js&
  /* harmony default export */ var hoformula_HoFormulavue_type_script_lang_js_ = (HoFormulavue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/hoformula/HoFormula.vue?vue&type=style&index=0&id=6d613849&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/hoformula/HoFormula.vue?vue&type=style&index=0&id=6be449da&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/controls/hoformula/HoFormula.vue?vue&type=style&index=0&id=6d613849&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/controls/hoformula/HoFormula.vue?vue&type=style&index=0&id=6be449da&prod&lang=scss&
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(70713);
@@ -38082,12 +38088,12 @@ var DocController = /*#__PURE__*/function () {
      */
   }, {
     key: "insertImage",
-    value: function insertImage(curDomRange, imagePath, width, height, isFormula) {
+    value: function insertImage(curDomRange, imagePath, width, height, options) {
       var domRange = curDomRange.normalize();
       var startPath = domRange.startPath;
       var hoEditorFactory = _HOEditorFactorys__WEBPACK_IMPORTED_MODULE_76__/* .HOEditorFactorys.instance */ .b.instance().getFactory(this._hoEditorFactoryID);
       var parentNode = hoEditorFactory.docTree.getParentNode(startPath);
-      var imageNode = new _treeNode_ImageNode__WEBPACK_IMPORTED_MODULE_47__/* .ImageNode */ .H(this._hoEditorFactoryID, domRange.npStart.roots, parentNode, _treeNode_BaseNode__WEBPACK_IMPORTED_MODULE_23__/* .NodeType.ntImage */ .Jq.ntImage, hoEditorFactory.gernerateCode.generateID("IMG"), imagePath, width, height, isFormula);
+      var imageNode = new _treeNode_ImageNode__WEBPACK_IMPORTED_MODULE_47__/* .ImageNode */ .H(this._hoEditorFactoryID, domRange.npStart.roots, parentNode, _treeNode_BaseNode__WEBPACK_IMPORTED_MODULE_23__/* .NodeType.ntImage */ .Jq.ntImage, hoEditorFactory.gernerateCode.generateID("IMG"), imagePath, width, height, options);
       //插入该表达式节点
       hoEditorFactory.undoService.begin();
       hoEditorFactory.undoService.add(new _undoRedo_NodeInsertUndoUnit__WEBPACK_IMPORTED_MODULE_24__/* .NodeInsertUndoUnit */ .R(this._hoEditorFactoryID, startPath, imageNode));
@@ -51471,7 +51477,7 @@ var ImageNode = /*#__PURE__*/function (_BaseNode) {
   function ImageNode(hoEditorFactoryID, rootNodes, pNode, nodeType, id, imageDataBase64String, width, height,
   //scaleX?: number,
   //scaleY?: number,
-  isFormula, markImage, imageJson) {
+  options, markImage, imageJson) {
     var _this;
     (0,classCallCheck/* default */.Z)(this, ImageNode);
     _this = _super.call(this, hoEditorFactoryID, rootNodes, pNode, nodeType);
@@ -51490,7 +51496,7 @@ var ImageNode = /*#__PURE__*/function (_BaseNode) {
     _this._height = height;
     _this._imageDataBase64String = imageDataBase64String;
     _this._remark = "";
-    _this._isFormula = isFormula ? isFormula : false;
+    _this._isFormula = options !== null && options !== void 0 && options.isFormula ? options.isFormula : false;
     _this._markImage = markImage ? markImage : '';
     _this._imageJson = imageJson ? imageJson : '';
     //this._scaleX = scaleX ? scaleX : 1;
@@ -51703,7 +51709,9 @@ var ImageNode = /*#__PURE__*/function (_BaseNode) {
       return new ImageNode(hoEditorFactoryID, rootNodes, pNode ? pNode : null, BaseNode/* NodeType.ntImage */.Jq.ntImage, json.id, json.imageDataBase64String, width, height,
       //scaleX,
       //scaleY,
-      isFormula, json.markImage, json.imageJson);
+      {
+        isFormula: isFormula
+      }, json.markImage, json.imageJson);
     }
   }]);
   return ImageNode;
@@ -70219,34 +70227,39 @@ var DrawMedicalExpression = /*#__PURE__*/function (_DrawCombineNode) {
     key: "drawPermanentTeeth",
     value: function drawPermanentTeeth() {
       var topLeft = new createjs.Text(this._arrValues[0].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
+      var topRight = new createjs.Text(this._arrValues[1].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
+      var bottomLeft = new createjs.Text(this._arrValues[2].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
+      var bottomRight = new createjs.Text(this._arrValues[3].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
+      var lineX = new createjs.Shape();
+      var lineY = new createjs.Shape();
+      var maxWidth = Math.max(topLeft.getMeasuredWidth() + topRight.getMeasuredWidth(), bottomLeft.getMeasuredWidth() + bottomRight.getMeasuredWidth()) + 15;
+      // const maxHeight = Math.max(topLeft.getMeasuredHeight() + bottomLeft.getMeasuredHeight(), topRight.getMeasuredHeight(), bottomRight.getMeasuredHeight());
+
+      var leftMaxWidth = Math.max(topLeft.getMeasuredWidth(), bottomLeft.getMeasuredWidth());
+      this.dWidth = maxWidth;
+      lineX.graphics.beginStroke(this._textStyle.color).moveTo(0, -this._dHeight / 2).lineTo(this.dWidth, -this._dHeight / 2);
+      lineY.graphics.beginStroke(this._textStyle.color).moveTo(leftMaxWidth + 6, -this._dHeight).lineTo(leftMaxWidth + 6, 0);
       topLeft.y = -this.dHeight / 2 - topLeft.getMeasuredHeight() / 2;
-      topLeft.x = this.dWidth / 2 - topLeft.getMeasuredWidth() - 2;
+      topLeft.x = 4;
       topLeft.textAlign = "left";
       topLeft.textBaseline = "alphabetic";
-      this.addChild(topLeft);
-      var topRight = new createjs.Text(this._arrValues[1].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
       topRight.y = topLeft.y;
-      topRight.x = this.dWidth / 2 + 2;
+      topRight.x = leftMaxWidth + 6 + 2;
       topRight.textAlign = "left";
       topRight.textBaseline = "alphabetic";
-      this.addChild(topRight);
-      var lineX = new createjs.Shape();
-      lineX.graphics.beginStroke(this._textStyle.color).moveTo(0, -this._dHeight / 2).lineTo(this.dWidth, -this._dHeight / 2);
-      this.addChild(lineX);
-      var bottomLeft = new createjs.Text(this._arrValues[2].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
       bottomLeft.y = 0;
-      bottomLeft.x = this.dWidth / 2 - bottomLeft.getMeasuredWidth() - 2;
+      bottomLeft.x = 4;
       bottomLeft.textAlign = "left";
       bottomLeft.textBaseline = "alphabetic";
-      this.addChild(bottomLeft);
-      var bottomRight = new createjs.Text(this._arrValues[3].split(',').join(''), this._textStyle.getStyleKey(), this._textStyle.color);
       bottomRight.y = 0;
       bottomRight.x = topRight.x;
       bottomRight.textAlign = "left";
       bottomRight.textBaseline = "alphabetic";
+      this.addChild(topLeft);
+      this.addChild(topRight);
+      this.addChild(lineX);
+      this.addChild(bottomLeft);
       this.addChild(bottomRight);
-      var lineY = new createjs.Shape();
-      lineY.graphics.beginStroke(this._textStyle.color).moveTo(this.dWidth / 2, -this._dHeight).lineTo(this.dWidth / 2, 0);
       this.addChild(lineY);
     }
   }, {
@@ -88434,6 +88447,7 @@ var isMap = function isMap(map) {
 /* harmony export */   "Nv": function() { return /* binding */ computedPoperPosition; },
 /* harmony export */   "dv": function() { return /* binding */ dateFormatValueList; },
 /* harmony export */   "eG": function() { return /* binding */ dateFormatList; },
+/* harmony export */   "fu": function() { return /* binding */ scaleRotateImage; },
 /* harmony export */   "h9": function() { return /* binding */ dealImage; },
 /* harmony export */   "j_": function() { return /* binding */ createPrintHTMLStyle; },
 /* harmony export */   "tC": function() { return /* binding */ toolModalMove; },
@@ -88884,6 +88898,43 @@ var dealImage = function dealImage(base64, callback, qualitys, size, img) {
   };
 };
 
+var scaleRotateImage = function scaleRotateImage(base64, imageWidth, imageHeight, rotate, callback) {
+  var image = new Image();
+  image.src = base64;
+  image.onload = function () {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    canvas.width = imageWidth;
+    canvas.height = imageHeight;
+    canvas.style.width = canvas.width + 'px';
+    canvas.style.height = canvas.height + 'px';
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = '#FFFFFF';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
+    var newImage = new Image();
+    newImage.src = canvas.toDataURL('image/jpeg', 0.92);
+    if (rotate !== 0 && rotate !== 360 && rotate !== -360) {
+      newImage.onload = function () {
+        ctx.fillStyle = '#FFFFFF';
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.translate(canvas.width / 2, canvas.height / 2);
+        ctx.rotate(rotate * Math.PI / 180);
+        ctx.drawImage(newImage, -canvas.width / 2, -canvas.height / 2);
+        var url = canvas.toDataURL('image/png', 1);
+        callback(url);
+        canvas = null;
+        ctx = null;
+      };
+    } else {
+      callback(canvas.toDataURL('image/jpeg', 1));
+      canvas = null;
+      ctx = null;
+    }
+  };
+};
+
 /***/ }),
 
 /***/ 38205:
@@ -219488,7 +219539,7 @@ var map = {
 	"./expressionForm/ExpressionForm.vue": 7981,
 	"./findReplace/FindReplace.vue": 25918,
 	"./gestation/Gestation.vue": 6251,
-	"./hoformula/HoFormula.vue": 18229,
+	"./hoformula/HoFormula.vue": 72781,
 	"./hoprint/HoPrint.vue": 62321,
 	"./listsource/ListSource.vue": 47214,
 	"./localHistory/LocalHistory.vue": 89206,
@@ -255630,7 +255681,7 @@ Input.install = function (Vue) {
 
 
 /* harmony default export */ var antd = ([es_button, input, input_number, es_checkbox, date_picker, time_picker, es_radio, es_select, es_tabs, es_dropdown, es_menu, es_upload, tooltip, table, popover, es_icon/* default */.Z, config_provider]);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDocs.vue?vue&type=template&id=44c6a308&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDocs.vue?vue&type=template&id=d29f666a&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -255747,8 +255798,8 @@ var es_string_match = __webpack_require__(4723);
 var es_number_constructor = __webpack_require__(9653);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__(38862);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDoc.vue?vue&type=template&id=2fc5e2ab&
-var HoDocvue_type_template_id_2fc5e2ab_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDoc.vue?vue&type=template&id=47dcd5c8&
+var HoDocvue_type_template_id_47dcd5c8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -255894,7 +255945,7 @@ var HoDocvue_type_template_id_2fc5e2ab_render = function render() {
     }
   }, [_vm._v("v " + _vm._s(_vm.version))])])])], 1);
 };
-var HoDocvue_type_template_id_2fc5e2ab_staticRenderFns = [];
+var HoDocvue_type_template_id_47dcd5c8_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
 var es_array_filter = __webpack_require__(57327);
@@ -259400,7 +259451,7 @@ var SignNode = __webpack_require__(24701);
 // EXTERNAL MODULE: ./src/editor/dom/treeNode/ParagraphNode.ts
 var ParagraphNode = __webpack_require__(67945);
 ;// CONCATENATED MODULE: ./src/components/version.ts
-/* harmony default export */ var version = ('3.0.15');
+/* harmony default export */ var version = ('3.0.16');
 // EXTERNAL MODULE: ./src/components/controls/poperTipText/PoperTipText.vue + 5 modules
 var PoperTipText = __webpack_require__(15845);
 ;// CONCATENATED MODULE: ./src/components/controls/poperTipText/index.ts
@@ -259704,9 +259755,9 @@ var defaultHeight = Math.floor(1122 * DrawConfig/* DrawConfig.instance */.f.inst
       });
     },
     setActiveDocIndex: function setActiveDocIndex(hoEditorId) {
-      // if (!this.hoEditorProvider.activeDocId && hoEditorId !== this.hoEditorProvider.activeDocId) {
-      this.$emit('setActiveDocIndex', hoEditorId);
-      // }
+      if (hoEditorId !== this.hoEditorProvider.activeDocId) {
+        this.$emit('setActiveDocIndex', hoEditorId);
+      }
     },
     /**
      * 双击弹出层关闭
@@ -260076,10 +260127,10 @@ var defaultHeight = Math.floor(1122 * DrawConfig/* DrawConfig.instance */.f.inst
 });
 ;// CONCATENATED MODULE: ./src/components/HoDoc.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_HoDocvue_type_script_lang_js_ = (HoDocvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDoc.vue?vue&type=style&index=0&id=2fc5e2ab&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDoc.vue?vue&type=style&index=0&id=47dcd5c8&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/HoDoc.vue?vue&type=style&index=0&id=2fc5e2ab&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/HoDoc.vue?vue&type=style&index=0&id=47dcd5c8&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/HoDoc.vue
 
@@ -260092,8 +260143,8 @@ var defaultHeight = Math.floor(1122 * DrawConfig/* DrawConfig.instance */.f.inst
 
 var HoDoc_component = (0,componentNormalizer/* default */.Z)(
   components_HoDocvue_type_script_lang_js_,
-  HoDocvue_type_template_id_2fc5e2ab_render,
-  HoDocvue_type_template_id_2fc5e2ab_staticRenderFns,
+  HoDocvue_type_template_id_47dcd5c8_render,
+  HoDocvue_type_template_id_47dcd5c8_staticRenderFns,
   false,
   null,
   null,
@@ -266083,6 +266134,7 @@ var commonParamList = __webpack_require__(30794);
 
 
 
+
 
 
 var VueController = /*#__PURE__*/function () {
@@ -267224,14 +267276,17 @@ var VueController = /*#__PURE__*/function () {
       }
     }
     /**
-     * 插入图片
+     * 插入图片 options参数
      * @param imagePath 路径
      * @param width 宽
      * @param height 高
+     * @param options.rotate 旋转角度
+     * @param options.scale 缩放比例
+     * @param options.isFormula 是否为公式图片
      */
   }, {
     key: "insertImage",
-    value: function insertImage(imagePath, width, height, isFormula) {
+    value: function insertImage(imagePath, width, height, options) {
       var hoEditorFactory = HOEditorFactorys/* HOEditorFactorys.instance */.b.instance().getFactory(this._hoEditorFactoryID);
       if (hoEditorFactory.editController.canIsEdit(hoEditorFactory)) {
         var _curDomRange = hoEditorFactory.docTree.curDomRange; //获取当前选中区域
@@ -267239,7 +267294,15 @@ var VueController = /*#__PURE__*/function () {
         var endPath = _curDomRange.normalize().endPath;
         var changingEvent = new NodeChangingEvent/* NodeChangingEvent */.Q(DocTree/* DocAction.daInsert */.gk.daInsert, startPath, endPath, NodeChangingEvent/* OperType.insertImage */.y.insertImage);
         if (hoEditorFactory.docTree.changing(changingEvent)) {
-          hoEditorFactory.docController.insertImage(_curDomRange, imagePath, width, height, isFormula);
+          if (options && options.rotate !== undefined) {
+            var bounds = this.getMainBounds(width, height, options.scale);
+            var callback = function callback(path) {
+              hoEditorFactory.docController.insertImage(_curDomRange, path, bounds.imageWidth, bounds.imageHeight, options.isFormula);
+            };
+            (0,plugins_util/* scaleRotateImage */.fu)(imagePath, bounds.imageWidth, bounds.imageHeight, options.rotate, callback);
+          } else {
+            hoEditorFactory.docController.insertImage(_curDomRange, imagePath, width, height, options);
+          }
         }
       }
     }
@@ -272113,13 +272176,50 @@ var VueController = /*#__PURE__*/function () {
     }
   }, {
     key: "getMainBounds",
-    value: function getMainBounds() {
+    value: function getMainBounds(imgWidth, imgHeight, scale) {
+      var bounds = {
+        width: 0,
+        height: 0,
+        imageWidth: 0,
+        imageHeight: 0
+      };
       var hoEditorfactory = HOEditorFactorys/* HOEditorFactorys.instance */.b.instance().getFactory(this._hoEditorFactoryID);
       var firstPageMainDoc = hoEditorfactory.drawTree.drawPages[0].drawMainDoc;
-      return {
-        width: Math.max(firstPageMainDoc.dWidth, firstPageMainDoc.docWidth),
-        height: Math.min(firstPageMainDoc.dHeight, firstPageMainDoc.docHeight)
+      var mathWidth = hoEditorfactory.pageProperty.widthPixes - hoEditorfactory.pageProperty.leftMarginPixes - hoEditorfactory.pageProperty.rightMarginPixes;
+      var mathHeight = hoEditorfactory.pageProperty.heightPixes - hoEditorfactory.pageProperty.topMarginPixes - hoEditorfactory.pageProperty.bottomMarginPixes - 20;
+      bounds = {
+        width: Math.max(mathWidth, firstPageMainDoc.docWidth),
+        height: Math.min(firstPageMainDoc.dHeight, mathHeight),
+        imageWidth: 0,
+        imageHeight: 0
       };
+      if (imgWidth && imgHeight) {
+        var widthScale = imgWidth / bounds.width;
+        var heightScale = imgHeight / bounds.height;
+        if (imgWidth > bounds.width && imgHeight <= bounds.height) {
+          bounds.imageWidth = bounds.width;
+          bounds.imageHeight = Math.floor(imgHeight / widthScale);
+        } else if (imgWidth <= bounds.width && imgHeight > bounds.height) {
+          bounds.imageHeight = bounds.height;
+          bounds.imageWidth = Math.floor(imgWidth / heightScale);
+        } else if (imgWidth > bounds.width && imgHeight > bounds.height) {
+          if (widthScale > heightScale) {
+            bounds.imageWidth = Math.floor(imgWidth / widthScale);
+            bounds.imageHeight = Math.floor(imgHeight / widthScale);
+          } else {
+            bounds.imageHeight = Math.floor(imgHeight / heightScale);
+            bounds.imageWidth = Math.floor(imgWidth / heightScale);
+          }
+        } else if (imgWidth <= bounds.width && imgHeight <= bounds.height) {
+          bounds.imageHeight = imgHeight;
+          bounds.imageWidth = imgWidth;
+        }
+        if (scale && scale <= 1) {
+          bounds.imageWidth = bounds.imageWidth * scale;
+          bounds.imageHeight = bounds.imageHeight * scale;
+        }
+      }
+      return bounds;
     }
   }]);
   return VueController;
@@ -278887,10 +278987,10 @@ var getFormula = function getFormula(tableFormular) {
 });
 ;// CONCATENATED MODULE: ./src/components/HoDocs.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_HoDocsvue_type_script_lang_js_ = (HoDocsvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDocs.vue?vue&type=style&index=0&id=44c6a308&prod&lang=scss&media=print&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HoDocs.vue?vue&type=style&index=0&id=d29f666a&prod&lang=scss&media=print&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/HoDocs.vue?vue&type=style&index=0&id=44c6a308&prod&lang=scss&media=print&
+;// CONCATENATED MODULE: ./src/components/HoDocs.vue?vue&type=style&index=0&id=d29f666a&prod&lang=scss&media=print&
 
 ;// CONCATENATED MODULE: ./src/components/HoDocs.vue