| | |
| | | }, |
| | | data() { |
| | | return { |
| | | blackImg: require("../../assets/baseimg.png"), |
| | | blackImg: require("../../assets/img/baseimg.png"), |
| | | canvasData: { |
| | | line: [], |
| | | rect: [], |
| | |
| | | ctx: null, |
| | | visible: false, |
| | | baseImg: undefined, |
| | | showProportion: 1.71 |
| | | showProportion: 1.666 |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | .then(res => { |
| | | if (res.data.cameraId === this.currentCameraId) { |
| | | this.baseImg = res.data.snapshotUrl; |
| | | this.$emit('refresh',res.data.snapshotUrl) |
| | | this.$emit('refresh', res.data.snapshotUrl) |
| | | this.$forceUpdate() |
| | | this.$notify({ |
| | | type: "success", |
| | |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | canvas{ |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | .s-cavas { |
| | | width: 576px; |
| | | height: 324px; |