Enabled support for old ZoomPan algorithm, Added ZoomPan (In & Out) options & other (watch.js) - Githubissues

ZoneMinder / zoneminder

ZoneMinder is a free, open source Closed-circuit television software application developed for Linux which supports IP, USB and Analog cameras.

http://www.zoneminder.com/

GNU General Public License v2.0

4.89k stars 1.2k forks source link

Enabled support for old ZoomPan algorithm, Added ZoomPan (In & Out) options & other (watch.js) #3991

Closed IgorA100 closed 1 month ago

IgorA100 commented 1 month ago

Added variables: "panZoomMaxScale", "panZoomStep"
The "setScale" function is no longer used
Changed the "changeScale" Function (Fix: problem with image scaling when changing browser width)
Enabled support for the old ZoomPan algorithm (Added a checkbox for switching)
Added reset zoom option (Ctrl+click on the Zoom Out button)
Added an option to double the Zoom In step (Ctrl+click on the Zoom In button)
Fix: border IMG for alarm & alert status

Added:

"Shift" button + mouse wheel - Zoom In / Zoom Out
"Shift" button + mouse click anywhere in the image = applies Zoom Out to the clicked location.
"Ctrl" button + mouse click anywhere in the image = reset Zoom to 1.
Depending on the available actions, the appearance of the mouse cursor changes.

IgorA100 commented 1 month ago

@connortechnology I added a commit that you should like with the new ZoomPan algorithm. It looks like the old one, but I found it even more convenient!!! Please, check it.

connortechnology commented 1 month ago

There is a problem here and with the previous patches. Your removal of the ability to scale the image larger. We have users that need to scale the image larger than the browser window and scroll to where they want to view. You have removed this functionality.

IgorA100 commented 1 month ago

Your removal of the ability to scale the image larger. ... We have users that need to scale the image larger than the browser window and scroll to where they want to view.

I don't quite understand the essence of the problem. At the moment, the image is enlarged up to 20 times, regardless of the width of the browser window. Panning occurs when you click on the image. This way you can view any location in the enlarged image.

.. and scroll ..

Scroll bar is no longer in the image, but there is mouse panning.

IgorA100 commented 1 month ago

You can always turn on full screen mode for easy viewing of large images. But, if, for example, the “RTSP2Web Live Stream” setting is enabled, then there is no button to switch to full screen mode. I don't know the reason why the button is missing.

IgorA100 commented 1 month ago

Yes, now the old "Scale=auto" mode is actually used, but with the possibility of flexible zooming and panning. I can add an option to make the image the same width as the browser window without enabling full screen mode. But is this necessary? When an image is larger than the width of the browser window and has a scroll bar, it looks very unattractive and makes no sense with current scaling and panning.

connortechnology commented 1 month ago

Lets leave it until someone complains and is willing to pay for it.

IgorA100 commented 1 month ago

I added "Scale" setting #3995