Как я могу установить размер объекта в см, используя JavaScript

Question

Мне нужно установить размер объекта в см / дюймах (или другое значение, которое всегда одинаково на любом мониторе).Я знаю код для установки размера в px, но не в значение, которое всегда одинаково.

Answer 1

Теоретически вы просто используете единицу измерения см :

{
    width: 15cm;
    height: 10cm;
}

На практике вы не можете сделать это автоматически, поскольку это зависит от:

• Компьютер правильно откалиброван для монитора, поэтому он знает, каково DPI дисплея для разрешения, которое он выводит
• Браузер для расчета размеров пикселей на основе системного DPI, а не его собственных предположений

Очень редко оба они могут быть правдой.

---

В качестве обходного пути можно было бы отобразить изображение с известным размером пикселя и попросить пользователя измерить его на своем дисплее. Затем вы можете рассчитать все ваши длины на основе этого радио и установить все ширины, высоты и т. Д. С помощью JavaScript. Это потребует больше усилий, чем большинство пользователей захотят использовать для большинства проектов.

Answer 2

Тот же ответ, что и у Дэвида Дорварда.

Другое решение состоит в том, чтобы создать изображение того, что вы хотите отобразить, используя AJAX, если хотите, а затем отобразить его.Но опять же, если пользователи устанавливают масштабирование на 120% (как мои бабушки и дедушки), ваше изображение будет растянуто.

Почему вы хотите указать размер в сантиметрах / дюймах?