Итак, я вроде оформил более-менее задачу и попытаюсь вам её объяснить.
Внутри веб-страницы встроен векторный документ (svg) внутри которого расположен прямоугольник (rect),
у svg есть свои внутренние настройки масштабирования, в них я выставил 1920x1080px, как вы знаете, это нынешний fullHD размер и от него я плящу.
По замыслу, я хочу что бы содержимое svg. а пока, именно вот этот вот rect адаптировалось к любым экранам и масштабировалось до нужных размеров.
Я настроил контент svg так что бы он держался правого-верхнего угла (что бы не именно манипулировать с width/height объекта, а не мучаться с накыдыванием начальных координат. Как вы увидите в дальнейшем в примере — там творятся чудеса. этот rect имеет начальные координаты 50,50 и по длинам сторон на 100px меньше размеров окна.
Мне удалось добиться нужного масштабирования по X, не спрашивайте как, скорее методом тыка, однако формулу можно наблюдать в разделе JS, она снабжена комментарием
"if window width is more than 16:9"
Но вот с масштабированием по Y какая то беда и я никак не могу уловить какой то коэффициент. подозреваю, он вылезает из за того, что и у броузера, и у svg есть свои внутренние настройки масштабирования и они, в моём случае, не хотят работать корректно (по иксу то всё норм!).
Вот я и обращаюсь за помощью к Вам, господа, дабы коэффициент этот отловить и в формулу подставить.
https://codepen.io/flyby/pen/NmPRPZ