platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 32 Pull Requests Packages Projects 4 Releases Wiki Activity

Normalize the size of the camera frame container from window size.
continuous-integration/drone/push Build is failing Details 

If the window is smaller than the camera resolution, then we should
scale down the container size accordingly.
This commit is contained in:
Fabio Manganiello 2023-08-07 00:38:19 +02:00
parent 8b245a1618
commit 5184543a3e
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
platypush/backend/http/webapp/src/components/panels/Camera/Mixin.vue
View File

@ -86,8 +86,21 @@ export default {
onSizeChanged() {
const degToRad = (deg) => (deg * Math.PI)/180
const rot = degToRad(this.params.rotate)
this.$refs.frameContainer.style.width = Math.round(this.params.scale_x * Math.abs(this.params.resolution[0] * Math.cos(rot) + this.params.resolution[1] * Math.sin(rot))) + 'px'
this.$refs.frameContainer.style.height = Math.round(this.params.scale_y * Math.abs(this.params.resolution[0] * Math.sin(rot) + this.params.resolution[1] * Math.cos(rot))) + 'px'
let width = Math.round(this.params.scale_x * Math.abs(this.params.resolution[0] * Math.cos(rot) + this.params.resolution[1] * Math.sin(rot)))
let height = Math.round(this.params.scale_y * Math.abs(this.params.resolution[0] * Math.sin(rot) + this.params.resolution[1] * Math.cos(rot)))
if (width > window.innerWidth) {
height = Math.round(height * (window.innerWidth / width))
width = window.innerWidth
}
if (height > window.innerHeight) {
width = Math.round(width * (window.innerHeight / height))
height = window.innerHeight
}
this.$refs.frameContainer.style.width = `${width}px`
this.$refs.frameContainer.style.height = `${height}px`
},
onFpsChanged() {},