Алгоритм пропорционального размещения блока в блоке?

Question

[Alex]

https://jsfiddle.net/rn8co341/
Есть блок f1 который имеет динамичную высоту и ширину(в примере задаётся CSS правилами. Есть блок f2 который имеет заданную ширину и высоту в переменной JS objWH.
Как только при помощи JS исходя из размеров и пропорций f1 вместить туда блок f2 изменив его размер пропорционально исходя из размеров в переменной objWH?

Answer 1

[Alex]

Нашёл хороший код, который решает эту задачу.

https://jsfiddle.net/9xy48zLq/

var objWH = {w:180,h:1000};
var c1 = document.querySelector('.f1');
var c2 = document.querySelector('.f2');
var scale = Math.min(
    c1.offsetWidth / objWH.w,    
    c1.offsetHeight / objWH.h
  );
c2.style.width = (objWH.w*scale)+'px';
c2.style.height = (objWH.h*scale)+'px';

Comments

[xmoonlight]

И зачем это нам? Решили попиариться?

[Alex]

xmoonlight, ? в чем? я ничего не рекламирую. Просто долго искал решение не нашел, написал сюда. Потом случайно наткнулся на решение, решил здесь оставить для тех, кто возможно тоже будет подобное искать.
Или лучше как другие писать "сам решил задачу" и всё?!

[xmoonlight]

alexjet73, я попрошу просто Модератор последить за вашей активностью.
И пусть он уже решает: пиаритесь или делаете благое дело.

[Alex]

xmoonlight, что по вашему является пиаром? и в чем вообще суть претензии то я не пойму? это что площадка для фриланса или заработка и у меня есть портфолио, телефон или сайт для связи?
Я здесь кроме как поиска ответов на свои вопросы по программированию или настройки сервера, ничего и не делаю.
По поводу слежения - пожалуйста, просто ваши претензии имеют очень странную логику ,поэтому я сильно удивлён такой реакции на обычное публикование решения на свой вопрос :)

[Alex]

xmoonlight, или может я что то не знаю и тут платят за ответы на вопросы?)