xjzh-component 0.1.46 → 0.1.47

package/dist/xjzh-component.common.js

@@ -516,22 +516,6 @@ module.exports = Math.trunc || function trunc(x) {
 };
 
 
-/***/ }),
-
-/***/ 751:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(4089);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("046d43cd", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 757:
@@ -554,22 +538,6 @@ module.exports = USE_SYMBOL_AS_UID ? function (it) {
 };
 
 
-/***/ }),
-
-/***/ 797:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(1303);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("66c8613a", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 851:
@@ -1145,27 +1113,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ 1303:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-1bde1ea0]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-1bde1ea0]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-1bde1ea0]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-1bde1ea0]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-1bde1ea0]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-1bde1ea0]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 1537:
@@ -1673,22 +1620,6 @@ var update = add("0dd8a1cd", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 3272:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(9874);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("52c4b19a", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 3392:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -1841,27 +1772,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ 4089:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-30788c3e]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-30788c3e]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-30788c3e]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-30788c3e]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-30788c3e]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-30788c3e]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 4114:
@@ -5049,6 +4959,27 @@ if (!window.VTTCue) {
 }
 
 
+/***/ }),
+
+/***/ 4813:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-0cd1e396]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-0cd1e396]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-0cd1e396]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-0cd1e396]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-0cd1e396]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-0cd1e396]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 4901:
@@ -5144,6 +5075,22 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 };
 
 
+/***/ }),
+
+/***/ 5135:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(4813);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("1edee1fd", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 5156:
@@ -9616,6 +9563,27 @@ exports.HTML_ENTITIES = freeze({
 exports.entityMap = exports.HTML_ENTITIES;
 
 
+/***/ }),
+
+/***/ 6632:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-c6e7e8c4],.XjzhFaceImgCanvas canvas[data-v-c6e7e8c4]{width:100%;height:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 6699:
@@ -9635,6 +9603,22 @@ module.exports = DESCRIPTORS ? function (object, key, value) {
 };
 
 
+/***/ }),
+
+/***/ 6744:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(8954);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("5cc58d88", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 6774:
@@ -9750,22 +9734,6 @@ module.exports = function (O, key, value, options) {
 };
 
 
-/***/ }),
-
-/***/ 6873:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(8243);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("5b3172ac", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 6955:
@@ -9822,6 +9790,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 6974:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(9224);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("4ed0698f", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 6980:
@@ -10367,27 +10351,6 @@ module.exports = function (name) {
 };
 
 
-/***/ }),
-
-/***/ 8243:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-1c997d43],.XjzhFaceImgCanvas canvas[data-v-1c997d43]{width:100%;height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8480:
@@ -10427,6 +10390,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 8618:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(6632);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("46ec9a77", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 8622:
@@ -10673,6 +10652,27 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
+/***/ }),
+
+/***/ 8954:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-43b9729b]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-43b9729b]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-43b9729b]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-43b9729b]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-43b9729b]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-43b9729b]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 8962:
@@ -10793,6 +10793,27 @@ module.exports = function (exec) {
 };
 
 
+/***/ }),
+
+/***/ 9224:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-dc990a2a],.XjzhFaceImgCanvas canvas[data-v-dc990a2a]{width:100%;height:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 9297:
@@ -11391,27 +11412,6 @@ if (typeof window !== "undefined") {
 module.exports = win;
 
 
-/***/ }),
-
-/***/ 9874:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-35f2c660],.XjzhFaceImgCanvas canvas[data-v-35f2c660]{width:100%;height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ })
 
 /******/ 	});
@@ -11558,7 +11558,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=30788c3e&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=0cd1e396&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11593,6 +11593,10 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
 var web_url_search_params_delete = __webpack_require__(4603);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.has.js
@@ -11738,6 +11742,10 @@ function initWorker() {
 
 
 
+
+
+
+
 /* harmony default export */ var xjzhImgCanvasvue_type_script_lang_js = ({
   name: "XjzhImgCanvas",
   props: {
@@ -11777,7 +11785,9 @@ function initWorker() {
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
-          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          replace: 2,
+          // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          isStopRender: false // 是否停止渲染，但是socket连接不中断
         };
       }
     },
@@ -11914,6 +11924,7 @@ function initWorker() {
       this.$forceUpdate();
     },
     showCanvas(type, blob) {
+      if (this.sucmCameraInfo.isStopRender) return;
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].imgBox || !this.cameraObj[type].ctx) return;
       const sampleInterval = Math.round(this.sucmCameraInfo.frameRate / this.frameRate);
@@ -12014,9 +12025,9 @@ function initWorker() {
           resolve(this.answerPhoto.canvas.toDataURL('image/jpeg'));
           let endTime = new Date().getTime();
           let second = (endTime - startTime) / 1000;
-          this.cameraObj.main.totalFPS = this.cameraObj.main.totalFPS + ~~(second * 30);
-          this.cameraObj.sub.totalFPS = this.cameraObj.sub.totalFPS + ~~(second * 30);
-          this.cameraObj.side.totalFPS = this.cameraObj.side.totalFPS + ~~(second * 30);
+          this.cameraType.slice(0, this.cameraNum).forEach(t => {
+            this.cameraObj[t.value].totalFPS += ~~(second * 30);
+          });
         }, 200);
       });
     },
@@ -12034,9 +12045,9 @@ function initWorker() {
 });
 ;// ./packages/components/xjzhImgCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhImgCanvasvue_type_script_lang_js = (xjzhImgCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=30788c3e&prod&lang=scss&scoped=true
-var xjzhImgCanvasvue_type_style_index_0_id_30788c3e_prod_lang_scss_scoped_true = __webpack_require__(751);
-;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=30788c3e&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=0cd1e396&prod&lang=scss&scoped=true
+var xjzhImgCanvasvue_type_style_index_0_id_0cd1e396_prod_lang_scss_scoped_true = __webpack_require__(5135);
+;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=0cd1e396&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -12151,14 +12162,14 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "30788c3e",
+  "0cd1e396",
   null
   
 )
 
 /* harmony default export */ var xjzhImgCanvas = (component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=1bde1ea0&scoped=true
-var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=43b9729b&scoped=true
+var xjzhBitmapCanvasvue_type_template_id_43b9729b_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12190,10 +12201,14 @@ var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_render = function
     })]);
   }), 0);
 };
-var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns = [];
+var xjzhBitmapCanvasvue_type_template_id_43b9729b_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
 
+
+
+
+
 /* harmony default export */ var xjzhBitmapCanvasvue_type_script_lang_js = ({
   name: "XjzhBitmapCanvas",
   props: {
@@ -12233,7 +12248,9 @@ var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns =
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
-          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          replace: 2,
+          // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          isStopRender: false // 是否停止渲染，但是socket连接不中断
         };
       }
     },
@@ -12377,6 +12394,7 @@ var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns =
       this.$forceUpdate();
     },
     showCanvas(type, blob) {
+      if (this.sucmCameraInfo.isStopRender) return;
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].ctx) return;
       // if (Math.abs(this.cameraObj[type].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return // 跳帧处理
@@ -12479,9 +12497,9 @@ var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns =
           resolve(this.answerPhoto.canvas.toDataURL('image/jpeg'));
           let endTime = new Date().getTime();
           let second = (endTime - startTime) / 1000;
-          this.cameraObj.main.totalFPS = this.cameraObj.main.totalFPS + ~~(second * 30);
-          this.cameraObj.sub.totalFPS = this.cameraObj.sub.totalFPS + ~~(second * 30);
-          this.cameraObj.side.totalFPS = this.cameraObj.side.totalFPS + ~~(second * 30);
+          this.cameraType.slice(0, this.cameraNum).forEach(t => {
+            this.cameraObj[t.value].totalFPS += ~~(second * 30);
+          });
         }, 200);
       });
     },
@@ -12499,9 +12517,9 @@ var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns =
 });
 ;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhBitmapCanvasvue_type_script_lang_js = (xjzhBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=1bde1ea0&prod&lang=scss&scoped=true
-var xjzhBitmapCanvasvue_type_style_index_0_id_1bde1ea0_prod_lang_scss_scoped_true = __webpack_require__(797);
-;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=1bde1ea0&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=43b9729b&prod&lang=scss&scoped=true
+var xjzhBitmapCanvasvue_type_style_index_0_id_43b9729b_prod_lang_scss_scoped_true = __webpack_require__(6744);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=43b9729b&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12514,11 +12532,11 @@ var xjzhBitmapCanvasvue_type_style_index_0_id_1bde1ea0_prod_lang_scss_scoped_tru
 
 var xjzhBitmapCanvas_component = normalizeComponent(
   components_xjzhBitmapCanvasvue_type_script_lang_js,
-  xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_render,
-  xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns,
+  xjzhBitmapCanvasvue_type_template_id_43b9729b_scoped_true_render,
+  xjzhBitmapCanvasvue_type_template_id_43b9729b_scoped_true_staticRenderFns,
   false,
   null,
-  "1bde1ea0",
+  "43b9729b",
   null
   
 )
@@ -13553,25 +13571,23 @@ var xjzhSetBitmapCanvas_component = normalizeComponent(
 )
 
 /* harmony default export */ var xjzhSetBitmapCanvas = (xjzhSetBitmapCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=35f2c660&scoped=true
-var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _vm._m(0);
-};
-var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns = [function () {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=dc990a2a&scoped=true
+var xjzhFaceImgCanvasvue_type_template_id_dc990a2a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "XjzhFaceImgCanvas"
+    staticClass: "XjzhFaceImgCanvas",
+    style: {
+      'width': _vm.width,
+      'height': _vm.height
+    }
   }, [_c('canvas', {
     attrs: {
       "id": "face-canvas"
     }
   })]);
-}];
-
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=35f2c660&scoped=true
+};
+var xjzhFaceImgCanvasvue_type_template_id_dc990a2a_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=script&lang=js
 
@@ -13598,10 +13614,20 @@ var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns =
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
-          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          replace: 2,
+          // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          isStopRender: false // 是否停止渲染，但是socket连接不中断
         };
       }
     },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '100%'
+    },
     // 一秒渲染多少帧
     frameRate: {
       type: Number,
@@ -13705,6 +13731,7 @@ var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns =
     },
     // 渲染摄像头画面
     showCanvas(blob) {
+      if (this.sucmCameraInfo.isStopRender) return;
       this.cameraObj.totalFPS++;
       if (!this.cameraObj || !this.cameraObj.imgBox || !this.cameraObj.ctx) return; // 跳过没有canvas对象画面
       if (Math.abs(this.cameraObj.totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
@@ -13784,9 +13811,9 @@ var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns =
 });
 ;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhFaceImgCanvasvue_type_script_lang_js = (xjzhFaceImgCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=35f2c660&prod&lang=scss&scoped=true
-var xjzhFaceImgCanvasvue_type_style_index_0_id_35f2c660_prod_lang_scss_scoped_true = __webpack_require__(3272);
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=35f2c660&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=dc990a2a&prod&lang=scss&scoped=true
+var xjzhFaceImgCanvasvue_type_style_index_0_id_dc990a2a_prod_lang_scss_scoped_true = __webpack_require__(6974);
+;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=dc990a2a&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceImgCanvas.vue
 
@@ -13799,35 +13826,33 @@ var xjzhFaceImgCanvasvue_type_style_index_0_id_35f2c660_prod_lang_scss_scoped_tr
 
 var xjzhFaceImgCanvas_component = normalizeComponent(
   components_xjzhFaceImgCanvasvue_type_script_lang_js,
-  xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_render,
-  xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns,
+  xjzhFaceImgCanvasvue_type_template_id_dc990a2a_scoped_true_render,
+  xjzhFaceImgCanvasvue_type_template_id_dc990a2a_scoped_true_staticRenderFns,
   false,
   null,
-  "35f2c660",
+  "dc990a2a",
   null
   
 )
 
 /* harmony default export */ var xjzhFaceImgCanvas = (xjzhFaceImgCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=1c997d43&scoped=true
-var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _vm._m(0);
-};
-var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFns = [function () {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=c6e7e8c4&scoped=true
+var xjzhFaceBitmapCanvasvue_type_template_id_c6e7e8c4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "XjzhFaceImgCanvas"
+    staticClass: "XjzhFaceImgCanvas",
+    style: {
+      'width': _vm.width,
+      'height': _vm.height
+    }
   }, [_c('canvas', {
     attrs: {
       "id": "face-canvas"
     }
   })]);
-}];
-
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=1c997d43&scoped=true
+};
+var xjzhFaceBitmapCanvasvue_type_template_id_c6e7e8c4_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -13848,10 +13873,20 @@ var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFn
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
-          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          replace: 2,
+          // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          isStopRender: false // 是否停止渲染，但是socket连接不中断
         };
       }
     },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '100%'
+    },
     // 一秒渲染多少帧
     frameRate: {
       type: Number,
@@ -13954,6 +13989,7 @@ var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFn
     },
     // 渲染摄像头画面
     showCanvas(blob) {
+      if (this.sucmCameraInfo.isStopRender) return;
       this.cameraObj.totalFPS++;
       if (!this.cameraObj || !this.cameraObj.ctx) return; // 跳过没有canvas对象画面
       if (Math.abs(this.cameraObj.totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
@@ -14042,9 +14078,9 @@ var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFn
 });
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhFaceBitmapCanvasvue_type_script_lang_js = (xjzhFaceBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=1c997d43&prod&lang=scss&scoped=true
-var xjzhFaceBitmapCanvasvue_type_style_index_0_id_1c997d43_prod_lang_scss_scoped_true = __webpack_require__(6873);
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=1c997d43&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.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/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=c6e7e8c4&prod&lang=scss&scoped=true
+var xjzhFaceBitmapCanvasvue_type_style_index_0_id_c6e7e8c4_prod_lang_scss_scoped_true = __webpack_require__(8618);
+;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=c6e7e8c4&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue
 
@@ -14057,11 +14093,11 @@ var xjzhFaceBitmapCanvasvue_type_style_index_0_id_1c997d43_prod_lang_scss_scoped
 
 var xjzhFaceBitmapCanvas_component = normalizeComponent(
   components_xjzhFaceBitmapCanvasvue_type_script_lang_js,
-  xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_render,
-  xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFns,
+  xjzhFaceBitmapCanvasvue_type_template_id_c6e7e8c4_scoped_true_render,
+  xjzhFaceBitmapCanvasvue_type_template_id_c6e7e8c4_scoped_true_staticRenderFns,
   false,
   null,
-  "1c997d43",
+  "c6e7e8c4",
   null
   
 )
@@ -14100,10 +14136,6 @@ var xjzhVideoListvue_type_template_id_098960cc_scoped_true_render = function ren
 };
 var xjzhVideoListvue_type_template_id_098960cc_scoped_true_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/global/window.js
 var global_window = __webpack_require__(9840);
 var window_default = /*#__PURE__*/__webpack_require__.n(global_window);