Вернуться к линейке·История проекта и инженерная философия

О проекте «Онлайн линейка»

Мы создали Онлайн линейку, чтобы решить фундаментальную проблему современных веб-технологий: обеспечить абсолютно точные физические измерения в масштабе 1:1 на экранах любых цифровых устройств.

1. Истоки: Разрушение мифа о 96 DPI

В 1990-х годах ранние операционные системы и спецификации консорциума W3C CSS закрепили стандартное предположение: компьютерные мониторы отображают контент с плотностью 96 точек на дюйм (DPI) (или 72 DPI на старых компьютерах Macintosh). Согласно этому устаревшему стандарту, 1 CSS-дюйм был жестко привязан к 96 CSS-пикселям.

Сегодня технологии экранов шагнули далеко вперед. От мониторов 4K OLED и экранов Retina до смартфонов высокой четкости вроде iPhone 16 Pro (460 PPI) и Samsung Galaxy S24 Ultra (505 PPI) — реальная плотность пикселей современных матриц варьируется от 92 до более чем 500 PPI.

Главная сложность:

Если онлайн линейка показывает шкалу в 10 см, опираясь на стандарт 96 DPI на ноутбуке с плотностью 140 PPI, реальное изображение на экране окажется на 31,4% меньше положенного. Приложив физическую монету, банковскую карту или деталь к такому экрану, пользователь получит грубейшую погрешность.

Онлайн линейка была создана для полного устранения этой погрешности. Сочетая автоопределение параметров устройства, субпиксельный рендеринг HTML5 Canvas и международные калибровочные эталоны, мы превращаем экран любого браузера в поверенный измерительный инструмент.

2. Физика и математика калибровки дисплея

Чтобы отобразить точный физический миллиметр или дюйм, наш графический движок вычисляет фактический шаг пиксельной сетки тремя взаимно дополняющими способами:

AГеометрия диагонали экрана (теорема Пифагора)

При указании паспортной диагонали монитора в дюймах (например, 14.0″, 15.6″, 24.0″, 27.0″) алгоритм рассчитывает физический PPI матрицы по формуле:

PPI = √(Ширина_px² + Высота_px²) / Диагональ_дюймы

Этот метод учитывает соотношение сторон экрана (16:9, 16:10, 21:9, 4:3) и обеспечивает точность до десятых долей миллиметра.

BЭталонный физический объект (стандарт ISO/IEC 7810 ID-1)

Практически каждый человек носит в кармане строгий международный геометрический стандарт — банковскую карту «Мир», Visa, Mastercard или водительские права. Согласно стандарту ISO/IEC 7810 ID-1, карты производятся с микронными допусками:

  • Ширина: ровно 85.60 мм (3.370 дюйма)
  • Высота: ровно 53.98 мм (2.125 дюйма)
  • Радиус закругления: 3.18 мм

Совместив карту с контуром на экране, вы калибруете линейку с точностью до ±0.1–0.2 мм без необходимости искать физическую рулетку.

CБаза данных 220+ устройств

Наша библиотека содержит заводские профили экранов для Apple iPhone, iPad, Samsung Galaxy, Xiaomi, MacBook и популярных мониторов для мгновенной калибровки в один клик.

3. Субпиксельный движок Canvas 2D и поддержка High-DPI

Экраны высокой плотности используют аппаратный коэффициент масштабирования (window.devicePixelRatio), обычно от 2.0x до 3.5x.

Онлайн линейка использует двухбуферный векторизатор с аппаратным масштабированием, обеспечивая отображение рисок толщиной ровно в 1 физический субпиксель, плавность 60 FPS и дробные миллиметровые штрихи.

  • Буфер Canvas масштабируется на полный коэффициент DPR для идеальной резкости.
  • Субпиксельная математика с плавающей точкой для см, мм и 1/16″ дюйма.
  • Аппаратно ускоренный конвейер рендеринга через requestAnimationFrame.

4. Принципы архитектуры сервиса

Мгновенный Astro MPA

Загрузка менее чем за 100 мс без тяжелых клиентских фреймворков и идеальное SEO.

100% приватность на клиенте

Никакой слежки и регистрации. Все настройки калибровки хранятся локально в localStorage.

Кроссплатформенность

Оптимизировано для смартфонов, планшетов, ноутбуков и широкоформатных мониторов.

Открытая цифровая метрология

Бесплатные справочные материалы, таблицы перевода единиц и стандарты измерений.

5. Развитие проекта и обратная связь

Мы постоянно дополняем каталог новыми моделями устройств. Отправьте предложение или отзыв через форму контактов.

Инженерная команда проекта Онлайн линейка

Инициатива открытой цифровой метрологии · https://onlinelineyka.com