xjzh-component 0.1.46 → 0.1.47

package/dist/xjzh-component.umd.js

@@ -71,6 +71,27 @@ module.exports = function (argument, usingIterator) {
 };
 
 
+/***/ }),
+
+/***/ 88:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 184:
@@ -1149,6 +1170,27 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 1464:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 1601:
@@ -1173,27 +1215,6 @@ var uncurryThis = __webpack_require__(9504);
 module.exports = uncurryThis({}.isPrototypeOf);
 
 
-/***/ }),
-
-/***/ 1699:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 1736:
@@ -1266,27 +1287,6 @@ module.exports = function (target, name, descriptor) {
 };
 
 
-/***/ }),
-
-/***/ 2114:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 2140:
@@ -1651,6 +1651,22 @@ module.exports = function (key) {
 };
 
 
+/***/ }),
+
+/***/ 3588:
+/***/ (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__(88);
+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("6325c7bb", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 3626:
@@ -1681,6 +1697,22 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 3628:
+/***/ (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__(1464);
+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("b8944c5a", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 3706:
@@ -1750,6 +1782,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 4094:
+/***/ (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__(4682);
+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("5bdb8268", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 4114:
@@ -3015,6 +3063,27 @@ module.exports = function (object, key, value) {
 };
 
 
+/***/ }),
+
+/***/ 4682:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 4722:
@@ -5063,22 +5132,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACN
 
 /***/ }),
 
-/***/ 5390:
-/***/ (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__(2114);
-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("2b831777", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 5397:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -5728,22 +5781,6 @@ module.exports = function (key) {
 };
 
 
-/***/ }),
-
-/***/ 6159:
-/***/ (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__(1699);
-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("776a9ff0", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 6162:
@@ -9712,22 +9749,6 @@ module.exports = function (O, key, value, options) {
 };
 
 
-/***/ }),
-
-/***/ 6933:
-/***/ (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__(8633);
-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("4f4d8fde", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 6955:
@@ -9801,27 +9822,6 @@ module.exports = function (bitmap, value) {
 };
 
 
-/***/ }),
-
-/***/ 7031:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 7040:
@@ -9933,22 +9933,6 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 };
 
 
-/***/ }),
-
-/***/ 7363:
-/***/ (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__(7031);
-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("41e880a7", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 7422:
@@ -10473,27 +10457,6 @@ var WeakMap = globalThis.WeakMap;
 module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
 
 
-/***/ }),
-
-/***/ 8633:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 8670:
@@ -10879,6 +10842,27 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 9357:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 9433:
@@ -11402,6 +11386,22 @@ if (typeof document !== 'undefined') {
 module.exports = doccy;
 
 
+/***/ }),
+
+/***/ 9793:
+/***/ (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__(9357);
+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("1a6a537e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 9840:
@@ -11568,7 +11568,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-82.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-82.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;
@@ -11603,6 +11603,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
@@ -11748,6 +11752,10 @@ function initWorker() {
 
 
 
+
+
+
+
 /* harmony default export */ var xjzhImgCanvasvue_type_script_lang_js = ({
   name: "XjzhImgCanvas",
   props: {
@@ -11787,7 +11795,9 @@ function initWorker() {
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
-          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          replace: 2,
+          // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+          isStopRender: false // 是否停止渲染，但是socket连接不中断
         };
       }
     },
@@ -11924,6 +11934,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);
@@ -12024,9 +12035,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);
       });
     },
@@ -12044,9 +12055,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(6933);
-;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(9793);
+;// ./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__ */
@@ -12161,14 +12172,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-82.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-82.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', {
@@ -12200,10 +12211,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-82.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: {
@@ -12243,7 +12258,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连接不中断
         };
       }
     },
@@ -12387,6 +12404,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 // 跳帧处理
@@ -12489,9 +12507,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);
       });
     },
@@ -12509,9 +12527,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(7363);
-;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(4094);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=43b9729b&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12524,11 +12542,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
   
 )
@@ -13563,25 +13581,23 @@ var xjzhSetBitmapCanvas_component = normalizeComponent(
 )
 
 /* harmony default export */ var xjzhSetBitmapCanvas = (xjzhSetBitmapCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-82.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-82.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
 
@@ -13608,10 +13624,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,
@@ -13715,6 +13741,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; // 跳帧处理
@@ -13794,9 +13821,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(5390);
-;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(3628);
+;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=dc990a2a&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceImgCanvas.vue
 
@@ -13809,35 +13836,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-82.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-82.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-82.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
 
@@ -13858,10 +13883,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,
@@ -13964,6 +13999,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; // 跳帧处理
@@ -14052,9 +14088,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(6159);
-;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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__(3588);
+;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=c6e7e8c4&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue
 
@@ -14067,11 +14103,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
   
 )
@@ -14110,10 +14146,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);