xjzh-component 0.1.42 → 0.1.44

package/dist/xjzh-component.common.js

@@ -35,6 +35,27 @@ module.exports = function (argument, usingIterator) {
 };
 
 
+/***/ }),
+
+/***/ 143:
+/***/ (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-8095ef9e]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-8095ef9e]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-8095ef9e]{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-8095ef9e]{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-8095ef9e]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-8095ef9e]{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___);
+
+
 /***/ }),
 
 /***/ 184:
@@ -328,22 +349,6 @@ VTTCue.prototype.getCueAsHTML = function() {
 module.exports = VTTCue;
 
 
-/***/ }),
-
-/***/ 237:
-/***/ (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__(307);
-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("afbeba66", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 283:
@@ -407,48 +412,6 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 }, 'toString');
 
 
-/***/ }),
-
-/***/ 307:
-/***/ (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-6c471b60]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-6c471b60]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-6c471b60]{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-6c471b60]{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-6c471b60]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-6c471b60]{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___);
-
-
-/***/ }),
-
-/***/ 341:
-/***/ (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-49705fa2],.XjzhFaceImgCanvas canvas[data-v-49705fa2]{width:100%;height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 350:
@@ -1171,6 +1134,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 1400:
+/***/ (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__(9498);
+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("4a66dd2c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 1537:
@@ -1458,22 +1437,6 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
-/***/ }),
-
-/***/ 2627:
-/***/ (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__(2697);
-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("5b179941", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 2652:
@@ -1551,27 +1514,6 @@ module.exports = function (iterable, unboundFunction, options) {
 };
 
 
-/***/ }),
-
-/***/ 2697:
-/***/ (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-set-bitmap-canvas[data-v-530ba950]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-530ba950]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-530ba950]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-530ba950]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-530ba950]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-530ba950]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-530ba950]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-530ba950]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-530ba950]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 2777:
@@ -1697,6 +1639,38 @@ var userAgent = navigator && navigator.userAgent;
 module.exports = userAgent ? String(userAgent) : '';
 
 
+/***/ }),
+
+/***/ 3197:
+/***/ (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__(8999);
+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("0dd8a1cd", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 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:
@@ -3095,6 +3069,22 @@ module.exports = function (object, key, value) {
 };
 
 
+/***/ }),
+
+/***/ 4721:
+/***/ (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__(143);
+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("72c8fd47", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 4722:
@@ -5143,22 +5133,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACN
 
 /***/ }),
 
-/***/ 5370:
-/***/ (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__(9236);
-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("75022005", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 5397:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -5538,22 +5512,6 @@ __webpack_unused_export__ = normalizeLineEndings;
 exports.DOMParser = DOMParser;
 
 
-/***/ }),
-
-/***/ 5834:
-/***/ (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__(8908);
-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("7685dc47", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 5891:
@@ -5919,6 +5877,27 @@ module.exports = function (obj) {
 module.exports = {};
 
 
+/***/ }),
+
+/***/ 6272:
+/***/ (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-set-canvas[data-v-d5f03e5c]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-d5f03e5c]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-d5f03e5c]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-d5f03e5c]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-d5f03e5c]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-d5f03e5c]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-d5f03e5c]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-d5f03e5c]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-d5f03e5c]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 6311:
@@ -7379,22 +7358,6 @@ module.exports = function (cssWithMappingToString) {
 module.exports = false;
 
 
-/***/ }),
-
-/***/ 6472:
-/***/ (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__(8718);
-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("3940c21c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 6518:
@@ -9768,19 +9731,19 @@ module.exports = function (O, key, value, options) {
 
 /***/ }),
 
-/***/ 6879:
+/***/ 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__(341);
+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("5475d40e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("5b3172ac", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -10383,6 +10346,27 @@ 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:
@@ -10598,27 +10582,6 @@ module.exports = DESCRIPTORS && fails(function () {
 });
 
 
-/***/ }),
-
-/***/ 8718:
-/***/ (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-e96c8a04]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-e96c8a04]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-e96c8a04]{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-e96c8a04]{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-e96c8a04]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-e96c8a04]{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___);
-
-
 /***/ }),
 
 /***/ 8721:
@@ -10689,27 +10652,6 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
-/***/ }),
-
-/***/ 8908:
-/***/ (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-set-canvas[data-v-4d36ae9a]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-4d36ae9a]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-4d36ae9a]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-4d36ae9a]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-4d36ae9a]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-4d36ae9a]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-4d36ae9a]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-4d36ae9a]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-4d36ae9a]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8962:
@@ -10795,23 +10737,7 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ 9039:
-/***/ (function(module) {
-
-"use strict";
-
-module.exports = function (exec) {
-  try {
-    return !!exec();
-  } catch (error) {
-    return true;
-  }
-};
-
-
-/***/ }),
-
-/***/ 9236:
+/***/ 8999:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10825,11 +10751,27 @@ __webpack_require__.r(__webpack_exports__);
 
 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-ff09467c],.XjzhFaceImgCanvas canvas[data-v-ff09467c]{width:100%;height:100%}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-bitmap-canvas[data-v-78f8f9d5]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-78f8f9d5]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-78f8f9d5]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-78f8f9d5]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-78f8f9d5]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-78f8f9d5]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-78f8f9d5]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-78f8f9d5]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-78f8f9d5]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 9039:
+/***/ (function(module) {
+
+"use strict";
+
+module.exports = function (exec) {
+  try {
+    return !!exec();
+  } catch (error) {
+    return true;
+  }
+};
+
+
 /***/ }),
 
 /***/ 9297:
@@ -10890,6 +10832,43 @@ module.exports = function (key, value) {
 };
 
 
+/***/ }),
+
+/***/ 9490:
+/***/ (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__(6272);
+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("72a48ecb", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 9498:
+/***/ (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-2a4ce31a]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-2a4ce31a]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-2a4ce31a]{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-2a4ce31a]{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-2a4ce31a]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-2a4ce31a]{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___);
+
+
 /***/ }),
 
 /***/ 9504:
@@ -11412,6 +11391,27 @@ 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=6c471b60&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=8095ef9e&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11581,11 +11581,17 @@ var render = function render() {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: _vm.showTitle,
-        expression: "showTitle"
+        value: _vm.showTitle && item.isShow,
+        expression: "showTitle && item.isShow"
       }],
       staticClass: "item-title"
     }, [_vm._v(_vm._s(item.title))]), _c('canvas', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.isShow,
+        expression: "item.isShow"
+      }],
       ref: item.domeId,
       refInFor: true
     })]);
@@ -11773,7 +11779,7 @@ function initWorker() {
         return {
           frameRate: 30,
           // 实际推送帧数
-          cameras: 3,
+          cameras: 2,
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
@@ -11875,8 +11881,11 @@ function initWorker() {
                 // 所有图片地址
                 isLoading: false,
                 // 图片是否加载完
-                isFullScreen: false // 画面是否全屏
+                isFullScreen: false,
+                // 画面是否全屏
+                isShow: true
               };
+              this.cameraObj[typeVal].isShow = i + 1 <= this.sucmCameraInfo.cameras;
             }
             this.switchVideo();
             this.$forceUpdate();
@@ -11905,6 +11914,11 @@ function initWorker() {
         url
       });
     },
+    showSideCanvas(isShow) {
+      if (!this.cameraObj['side']) return;
+      this.cameraObj['side'].isShow = isShow;
+      this.$forceUpdate();
+    },
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].imgBox || !this.cameraObj[type].ctx) return;
@@ -11936,7 +11950,6 @@ function initWorker() {
           return;
         }
         // 清除内存
-        this.cameraObj[type].imgBox.src = '';
         if (this.cameraObj[type].allUrl.length > 50) {
           this.destroyUrl(type);
         }
@@ -11944,7 +11957,6 @@ function initWorker() {
       this.cameraObj[type].imgBox.onerror = () => {
         this.cameraObj[type].isLoading = false;
         if (!this.cameraObj[type] || !this.cameraObj[type].imgBox) return;
-        this.cameraObj[type].imgBox.src = '';
         if (this.cameraObj[type].allUrl.length > 50) {
           this.destroyUrl(type);
         }
@@ -12024,9 +12036,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=6c471b60&prod&lang=scss&scoped=true
-var xjzhImgCanvasvue_type_style_index_0_id_6c471b60_prod_lang_scss_scoped_true = __webpack_require__(237);
-;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=6c471b60&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=8095ef9e&prod&lang=scss&scoped=true
+var xjzhImgCanvasvue_type_style_index_0_id_8095ef9e_prod_lang_scss_scoped_true = __webpack_require__(4721);
+;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=8095ef9e&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -12141,14 +12153,14 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "6c471b60",
+  "8095ef9e",
   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=e96c8a04&scoped=true
-var xjzhBitmapCanvasvue_type_template_id_e96c8a04_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=2a4ce31a&scoped=true
+var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12170,17 +12182,23 @@ var xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_render = function
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: _vm.showTitle,
-        expression: "showTitle"
+        value: _vm.showTitle && item.isShow,
+        expression: "showTitle && item.isShow"
       }],
       staticClass: "item-title"
     }, [_vm._v(_vm._s(item.title))]), _c('canvas', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.isShow,
+        expression: "item.isShow"
+      }],
       ref: item.domeId,
       refInFor: true
     })]);
   }), 0);
 };
-var xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_staticRenderFns = [];
+var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_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
 
@@ -12328,8 +12346,11 @@ var xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_staticRenderFns =
                 // 所有图片地址
                 isLoading: false,
                 // 图片是否加载完
-                isFullScreen: false // 画面是否全屏
+                isFullScreen: false,
+                // 画面是否全屏
+                isShow: true
               };
+              this.cameraObj[typeVal].isShow = i + 1 <= this.sucmCameraInfo.cameras;
             }
             this.switchVideo();
             this.$forceUpdate();
@@ -12358,6 +12379,11 @@ var xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_staticRenderFns =
         url
       });
     },
+    showSideCanvas(isShow) {
+      if (!this.cameraObj['side']) return;
+      this.cameraObj['side'].isShow = isShow;
+      this.$forceUpdate();
+    },
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].ctx) return;
@@ -12380,8 +12406,7 @@ var xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_staticRenderFns =
         this.cameraObj[type].isLoading = false;
       });
       if (this.cameraObj[type].ctx && this.cameraObj[type].ctx.drawImage && this.cameraObj[type].allUrl[0]) {
-        // this.cameraObj[type].ctx.drawImage(this.cameraObj[type].allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1])
-        this.cameraObj[type].ctx.drawImage(this.cameraObj[type].allUrl[0], 0, 0);
+        this.cameraObj[type].ctx.drawImage(this.cameraObj[type].allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1]);
       }
       if (this.answerPhoto.isPhoto && this.cameraObj[type].allUrl[0]) {
         // 拍照使用
@@ -12478,9 +12503,9 @@ var xjzhBitmapCanvasvue_type_template_id_e96c8a04_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=e96c8a04&prod&lang=scss&scoped=true
-var xjzhBitmapCanvasvue_type_style_index_0_id_e96c8a04_prod_lang_scss_scoped_true = __webpack_require__(6472);
-;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=e96c8a04&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=2a4ce31a&prod&lang=scss&scoped=true
+var xjzhBitmapCanvasvue_type_style_index_0_id_2a4ce31a_prod_lang_scss_scoped_true = __webpack_require__(1400);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=2a4ce31a&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12493,18 +12518,18 @@ var xjzhBitmapCanvasvue_type_style_index_0_id_e96c8a04_prod_lang_scss_scoped_tru
 
 var xjzhBitmapCanvas_component = normalizeComponent(
   components_xjzhBitmapCanvasvue_type_script_lang_js,
-  xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_render,
-  xjzhBitmapCanvasvue_type_template_id_e96c8a04_scoped_true_staticRenderFns,
+  xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_render,
+  xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_staticRenderFns,
   false,
   null,
-  "e96c8a04",
+  "2a4ce31a",
   null
   
 )
 
 /* harmony default export */ var xjzhBitmapCanvas = (xjzhBitmapCanvas_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/xjzhSetCanvas.vue?vue&type=template&id=4d36ae9a&scoped=true
-var xjzhSetCanvasvue_type_template_id_4d36ae9a_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/xjzhSetCanvas.vue?vue&type=template&id=d5f03e5c&scoped=true
+var xjzhSetCanvasvue_type_template_id_d5f03e5c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12579,7 +12604,7 @@ var xjzhSetCanvasvue_type_template_id_4d36ae9a_scoped_true_render = function ren
     })])]);
   }), 0);
 };
-var xjzhSetCanvasvue_type_template_id_4d36ae9a_scoped_true_staticRenderFns = [];
+var xjzhSetCanvasvue_type_template_id_d5f03e5c_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -12721,7 +12746,8 @@ var es_array_push = __webpack_require__(4114);
           imgBox: new Image(),
           isLoading: false,
           isFullScreen: false,
-          isShow: true
+          isShow: true,
+          radians: 0
         });
         if (this.sucmCameraInfo.enableFace === 0 && this.cameraType[i].value === 'face') {
           this.cameraArr[i].isShow = false;
@@ -12748,6 +12774,7 @@ var es_array_push = __webpack_require__(4114);
         if (type === 'message') {
           if (typeof data === 'number') {
             this.cameraNum = data;
+            localStorage.setItem('cameraNum', data);
             if (this.videoList.length === 0) {
               for (let i = 0; i < this.cameraNum; i++) {
                 if (this.sucmCameraInfo.cameras < i + 1) {
@@ -12903,10 +12930,24 @@ var es_array_push = __webpack_require__(4114);
       this.cameraArr[i].imgBox.src = this.cameraArr[i].allUrl[0];
       this.cameraArr[i].imgBox.onload = () => {
         if (!this.cameraArr[i].ctx) return;
-        this.cameraArr[i].ctx.drawImage(this.cameraArr[i].imgBox, 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        if (this.cameraArr[i].radians) {
+          // 保存当前画布状态
+          this.cameraArr[i].ctx.save();
+
+          // 移动原点至画布中心
+          this.cameraArr[i].ctx.translate(this.cameraArr[i].canvas.width / 4, this.cameraArr[i].canvas.height / 1.9);
+          // this.face.ctx.scale(-1, 1)
+          // 旋转90度
+          this.cameraArr[i].ctx.rotate(this.cameraArr[i].radians * (Math.PI / 180));
+          this.cameraArr[i].ctx.drawImage(this.cameraArr[i].imgBox, -this.cameraArr[i].imgBox.height / 2, -this.cameraArr[i].imgBox.width / 2, this.cameraArr[i].imgBox.height, this.cameraArr[i].imgBox.width / 2);
+
+          // 恢复画布状态
+          this.cameraArr[i].ctx.restore();
+        } else {
+          this.cameraArr[i].ctx.drawImage(this.cameraArr[i].imgBox, 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        }
         this.cameraArr[i].isLoading = false;
         // 清除内存
-        this.cameraArr[i].imgBox.src = '';
         if (this.cameraArr[i].allUrl.length > 50) {
           this.destroyUrl(i);
         }
@@ -12914,7 +12955,6 @@ var es_array_push = __webpack_require__(4114);
       this.cameraArr[i].imgBox.onerror = () => {
         this.cameraArr[i].isLoading = false;
         if (!this.cameraArr[i] || !this.cameraArr[i].imgBox) return;
-        this.cameraArr[i].imgBox.src = '';
         if (this.cameraArr[i].allUrl.length > 50) {
           this.destroyUrl(i);
         }
@@ -12978,9 +13018,9 @@ var es_array_push = __webpack_require__(4114);
 });
 ;// ./packages/components/xjzhSetCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetCanvasvue_type_script_lang_js = (xjzhSetCanvasvue_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/xjzhSetCanvas.vue?vue&type=style&index=0&id=4d36ae9a&prod&lang=scss&scoped=true
-var xjzhSetCanvasvue_type_style_index_0_id_4d36ae9a_prod_lang_scss_scoped_true = __webpack_require__(5834);
-;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=4d36ae9a&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/xjzhSetCanvas.vue?vue&type=style&index=0&id=d5f03e5c&prod&lang=scss&scoped=true
+var xjzhSetCanvasvue_type_style_index_0_id_d5f03e5c_prod_lang_scss_scoped_true = __webpack_require__(9490);
+;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=d5f03e5c&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetCanvas.vue
 
@@ -12993,18 +13033,18 @@ var xjzhSetCanvasvue_type_style_index_0_id_4d36ae9a_prod_lang_scss_scoped_true =
 
 var xjzhSetCanvas_component = normalizeComponent(
   components_xjzhSetCanvasvue_type_script_lang_js,
-  xjzhSetCanvasvue_type_template_id_4d36ae9a_scoped_true_render,
-  xjzhSetCanvasvue_type_template_id_4d36ae9a_scoped_true_staticRenderFns,
+  xjzhSetCanvasvue_type_template_id_d5f03e5c_scoped_true_render,
+  xjzhSetCanvasvue_type_template_id_d5f03e5c_scoped_true_staticRenderFns,
   false,
   null,
-  "4d36ae9a",
+  "d5f03e5c",
   null
   
 )
 
 /* harmony default export */ var xjzhSetCanvas = (xjzhSetCanvas_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/xjzhSetBitmapCanvas.vue?vue&type=template&id=530ba950&scoped=true
-var xjzhSetBitmapCanvasvue_type_template_id_530ba950_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/xjzhSetBitmapCanvas.vue?vue&type=template&id=78f8f9d5&scoped=true
+var xjzhSetBitmapCanvasvue_type_template_id_78f8f9d5_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13079,7 +13119,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_render = functi
     })])]);
   }), 0);
 };
-var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns = [];
+var xjzhSetBitmapCanvasvue_type_template_id_78f8f9d5_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/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -13213,7 +13253,8 @@ var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns
           totalFPS: 0,
           isLoading: false,
           isFullScreen: false,
-          isShow: true
+          isShow: true,
+          radians: 0
         });
         if (this.sucmCameraInfo.enableFace === 0 && this.cameraType[i].value === 'face') {
           this.cameraArr[i].isShow = false;
@@ -13240,6 +13281,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns
         if (type === 'message') {
           if (typeof data === 'number') {
             this.cameraNum = data;
+            localStorage.setItem('cameraNum', data);
             if (this.videoList.length === 0) {
               for (let i = 0; i < this.cameraNum; i++) {
                 if (this.sucmCameraInfo.cameras < i + 1) {
@@ -13403,7 +13445,22 @@ var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns
         });
       }
       if (this.cameraArr[i].allUrl[0]) {
-        this.cameraArr[i].ctx.drawImage(this.cameraArr[i].allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        if (this.cameraArr[i].radians) {
+          // 保存当前画布状态
+          this.cameraArr[i].ctx.save();
+
+          // 移动原点至画布中心
+          this.cameraArr[i].ctx.translate(this.cameraArr[i].canvas.width / 4, this.cameraArr[i].canvas.height / 1.9);
+          // this.face.ctx.scale(-1, 1)
+          // 旋转90度
+          this.cameraArr[i].ctx.rotate(this.cameraArr[i].radians * (Math.PI / 180));
+          this.cameraArr[i].ctx.drawImage(this.cameraArr[i].allUrl[0], -this.canvasSize[1] / 2, -this.canvasSize[0] / 2, this.canvasSize[1], this.canvasSize[0] / 2);
+
+          // 恢复画布状态
+          this.cameraArr[i].ctx.restore();
+        } else {
+          this.cameraArr[i].ctx.drawImage(this.cameraArr[i].allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        }
       }
       for (let j = 0; j < this.cameraArr[i].allUrl.length; j++) {
         if (this.cameraArr[i].allUrl[j]) {
@@ -13475,9 +13532,9 @@ var xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns
 });
 ;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetBitmapCanvasvue_type_script_lang_js = (xjzhSetBitmapCanvasvue_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/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=530ba950&prod&lang=scss&scoped=true
-var xjzhSetBitmapCanvasvue_type_style_index_0_id_530ba950_prod_lang_scss_scoped_true = __webpack_require__(2627);
-;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=530ba950&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/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=78f8f9d5&prod&lang=scss&scoped=true
+var xjzhSetBitmapCanvasvue_type_style_index_0_id_78f8f9d5_prod_lang_scss_scoped_true = __webpack_require__(3197);
+;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=78f8f9d5&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetBitmapCanvas.vue
 
@@ -13490,23 +13547,23 @@ var xjzhSetBitmapCanvasvue_type_style_index_0_id_530ba950_prod_lang_scss_scoped_
 
 var xjzhSetBitmapCanvas_component = normalizeComponent(
   components_xjzhSetBitmapCanvasvue_type_script_lang_js,
-  xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_render,
-  xjzhSetBitmapCanvasvue_type_template_id_530ba950_scoped_true_staticRenderFns,
+  xjzhSetBitmapCanvasvue_type_template_id_78f8f9d5_scoped_true_render,
+  xjzhSetBitmapCanvasvue_type_template_id_78f8f9d5_scoped_true_staticRenderFns,
   false,
   null,
-  "530ba950",
+  "78f8f9d5",
   null
   
 )
 
 /* 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=49705fa2&scoped=true
-var xjzhFaceImgCanvasvue_type_template_id_49705fa2_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/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_49705fa2_scoped_true_staticRenderFns = [function () {
+var xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13518,7 +13575,7 @@ var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns =
   })]);
 }];
 
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=49705fa2&scoped=true
+;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=35f2c660&scoped=true
 
 ;// ./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
 
@@ -13554,6 +13611,11 @@ var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns =
       type: Number,
       default: 30
     },
+    // 人脸摄像头画面旋转角度
+    radians: {
+      type: Number,
+      default: 0
+    },
     canvasSize: {
       type: Array,
       default: () => {
@@ -13656,10 +13718,24 @@ var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns =
       this.cameraObj.imgBox.src = this.cameraObj.allUrl[0];
       this.cameraObj.imgBox.onload = () => {
         if (!this.cameraObj.ctx) return;
-        this.cameraObj.ctx.drawImage(this.cameraObj.imgBox, 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        if (this.radians) {
+          // 保存当前画布状态
+          this.cameraObj.ctx.save();
+
+          // 移动原点至画布中心
+          this.cameraObj.ctx.translate(this.cameraObj.canvas.width / 4, this.cameraObj.canvas.height / 1.9);
+          // this.face.ctx.scale(-1, 1)
+          // 旋转90度
+          this.cameraObj.ctx.rotate(this.radians * (Math.PI / 180));
+          this.cameraObj.ctx.drawImage(this.cameraObj.imgBox, -this.cameraObj.imgBox.height / 2, -this.cameraObj.imgBox.width / 2, this.cameraObj.imgBox.height, this.cameraObj.imgBox.width / 2);
+
+          // 恢复画布状态
+          this.cameraObj.ctx.restore();
+        } else {
+          this.cameraObj.ctx.drawImage(this.cameraObj.imgBox, 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        }
         this.cameraObj.isLoading = false;
         // 清除内存
-        this.cameraObj.imgBox.src = '';
         if (this.cameraObj.allUrl.length > 50) {
           this.destroyUrl();
         }
@@ -13667,7 +13743,6 @@ var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns =
       this.cameraObj.imgBox.onerror = () => {
         this.cameraObj.isLoading = false;
         if (!this.cameraObj || !this.cameraObj.imgBox) return;
-        this.cameraObj.imgBox.src = '';
         if (this.cameraObj.allUrl.length > 50) {
           this.destroyUrl();
         }
@@ -13713,9 +13788,9 @@ var xjzhFaceImgCanvasvue_type_template_id_49705fa2_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=49705fa2&prod&lang=scss&scoped=true
-var xjzhFaceImgCanvasvue_type_style_index_0_id_49705fa2_prod_lang_scss_scoped_true = __webpack_require__(6879);
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=49705fa2&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=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
 
 ;// ./packages/components/xjzhFaceImgCanvas.vue
 
@@ -13728,23 +13803,23 @@ var xjzhFaceImgCanvasvue_type_style_index_0_id_49705fa2_prod_lang_scss_scoped_tr
 
 var xjzhFaceImgCanvas_component = normalizeComponent(
   components_xjzhFaceImgCanvasvue_type_script_lang_js,
-  xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_render,
-  xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns,
+  xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_render,
+  xjzhFaceImgCanvasvue_type_template_id_35f2c660_scoped_true_staticRenderFns,
   false,
   null,
-  "49705fa2",
+  "35f2c660",
   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=ff09467c&scoped=true
-var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_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/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_ff09467c_scoped_true_staticRenderFns = [function () {
+var xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13756,7 +13831,7 @@ var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFn
   })]);
 }];
 
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=ff09467c&scoped=true
+;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=1c997d43&scoped=true
 
 ;// ./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
 
@@ -13786,6 +13861,11 @@ var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFn
       type: Number,
       default: 30
     },
+    // 人脸摄像头画面旋转角度
+    radians: {
+      type: Number,
+      default: 0
+    },
     canvasSize: {
       type: Array,
       default: () => {
@@ -13897,7 +13977,22 @@ var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFn
         });
       }
       if (this.cameraObj.allUrl[0]) {
-        this.cameraObj.ctx.drawImage(this.cameraObj.allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        if (this.radians) {
+          // 保存当前画布状态
+          this.cameraObj.ctx.save();
+
+          // 移动原点至画布中心
+          this.cameraObj.ctx.translate(this.cameraObj.canvas.width / 4, this.cameraObj.canvas.height / 1.9);
+          // this.face.ctx.scale(-1, 1)
+          // 旋转90度
+          this.cameraObj.ctx.rotate(this.radians * (Math.PI / 180));
+          this.cameraObj.ctx.drawImage(this.cameraObj.allUrl[0], -this.canvasSize[1] / 2, -this.canvasSize[0] / 2, this.canvasSize[1], this.canvasSize[0] / 2);
+
+          // 恢复画布状态
+          this.cameraObj.ctx.restore();
+        } else {
+          this.cameraObj.ctx.drawImage(this.cameraObj.allUrl[0], 0, 0, this.canvasSize[0], this.canvasSize[1]);
+        }
       }
       for (let j = 0; j < this.cameraObj.allUrl.length; j++) {
         if (this.cameraObj.allUrl[j]) {
@@ -13951,9 +14046,9 @@ var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_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=ff09467c&prod&lang=scss&scoped=true
-var xjzhFaceBitmapCanvasvue_type_style_index_0_id_ff09467c_prod_lang_scss_scoped_true = __webpack_require__(5370);
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=ff09467c&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=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
 
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue
 
@@ -13966,11 +14061,11 @@ var xjzhFaceBitmapCanvasvue_type_style_index_0_id_ff09467c_prod_lang_scss_scoped
 
 var xjzhFaceBitmapCanvas_component = normalizeComponent(
   components_xjzhFaceBitmapCanvasvue_type_script_lang_js,
-  xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_render,
-  xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFns,
+  xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_render,
+  xjzhFaceBitmapCanvasvue_type_template_id_1c997d43_scoped_true_staticRenderFns,
   false,
   null,
-  "ff09467c",
+  "1c997d43",
   null
   
 )