Как пользоваться MetricCanvas

Шаг 1 — Загрузите изображение

Нажмите на область загрузки в левой боковой панели или перетащите одно или несколько изображений прямо на холст. MetricCanvas поддерживает несколько изображений одновременно, каждое помещается на свой слой бесконечного холста.

После загрузки вы можете перемещаться по холсту, нажимая и перетаскивая (или используя инструмент Pan на панели инструментов), а также увеличивать и уменьшать масштаб с помощью колесика мыши или кнопок масштабирования. Изображения можно свободно перемещать — холст не имеет фиксированных краев.

Если вы работаете с высокоразрешенным сканом, увеличьте масштаб в области, где вы будете проводить калибровочную линию, перед калибровкой. Чем точнее ваш клик калибровки, тем точнее будут все производные измерения.

Шаг 2 — Откалибруйте масштаб

Калибровка — ключевой шаг. Выберите инструмент Калибровка на панели инструментов, затем щелкните по двум точкам на изображении, которые соответствуют известному реальному расстоянию. Диалоговое окно попросит вас ввести это расстояние и выбрать единицу измерения (метры, сантиметры, футы, дюймы или любая пользовательская единица).

Доступны два режима калибровки:

• Линия — щелкните по двум конечным точкам прямого отрезка, длина которого вам известна. Лучше всего подходит для стен, коридоров и линейных объектов.
• Диаметр — щелкните по двум концам диаметра круглого объекта. Полезно для труб, колонн или любых круглых объектов известного размера.

После сохранения масштаб установлен. MetricCanvas будет использовать эту линию для преобразования пиксельных расстояний в реальные значения для каждого последующего измерения на этом изображении.

Совет: Используйте самую длинную идентифицируемую линию, которую вы можете найти на изображении. Линия опорной длины 10 м будет точнее, чем 0,5 м, поскольку мелкие ошибки размещения клика имеют пропорционально меньший эффект.

Шаг 3 — Измеряйте расстояния

Выберите инструмент Измерение и щелкните по двум точкам на изображении. MetricCanvas проводит между ними линию, вычисляет реальное расстояние на основе вашей калибровки и отображает результат в виде подписи прямо на холсте.

Вы можете добавлять столько измерений, сколько нужно. Каждое из них отображается в панели Измерения на боковой панели, где вы можете переименовать его во что-то описательное (например, "Ширина кухни" или "Коридор до двери спальни").

Подписи можно перемещать, переключившись на инструмент Выбор и перетаскивая. Если вам нужно измерить что-то заново, просто удалите старое измерение из боковой панели и нарисуйте новое.

Шаг 4 — Управляйте слоями

Каждое загруженное изображение становится отдельным слоем. Панель Слои на боковой панели показывает все слои текущего сеанса. Вы можете включать или выключать видимость каждого слоя, а также менять их порядок перетаскиванием.

Слои полезны, когда вы хотите наложить несколько изображений — например, план помещения вместе с фотографией-референсом того же пространства — или при сравнении разных версий одного и того же чертежа.

Шаг 5 — Экспортируйте свою работу

Когда вы закончите измерения, панель Экспорт предлагает три формата вывода:

• PNG — экспортирует весь холст как полноразмерное аннотированное изображение, включая все линии измерений и подписи. Полезно для обмена с коллегами или включения в отчеты.
• CSV — экспортирует все измерения в виде таблицы, совместимой с электронными таблицами, с колонками для подписи, расстояния в пикселях, реального значения и единицы измерения. Идеально для импорта в Excel, Google Sheets или любой конвейер данных.
• TXT — экспортирует измерения в виде обычного текста, по одному на строку. Полезно для быстрых заметок или вставки в документ.

Все экспорты создаются полностью в вашем браузере. Ничего не загружается на сервер.

Отмена, повтор и сохранение сессии

MetricCanvas ведет полную историю отмены/повтора во время вашего сеанса. Используйте кнопки Отмена и Повтор на панели инструментов или стандартные сочетания клавиш (Ctrl+Z / Ctrl+Y в Windows, Cmd+Z / Cmd+Shift+Z на Mac).

Ваш сеанс автоматически сохраняется в локальном хранилище браузера. Если вы закроете вкладку и вернетесь позже, ваш холст — включая все изображения, калибровки и измерения — будет восстановлен точно в таком виде, в каком вы его оставили.

Чтобы начать заново, используйте кнопку Сбросить холст. Это очистит все слои и измерения текущего сеанса.

Работа с несколькими изображениями

Вы можете загрузить несколько изображений за один сеанс и разместить их на одном холсте. Каждое изображение имеет свой слой и может иметь свою собственную калибровку. Это полезно, когда вы работаете с изображениями в разных масштабах — например, с генеральным планом и детальным планом одного помещения.

Измерения всегда рисуются на текущем активном слое. Убедитесь, что вы выбрали правильный слой перед измерением, если у вас открыто несколько изображений.

Как работает математика

MetricCanvas использует простое соотношение: как только вы установили масштаб по одной известной линии, любое пиксельное расстояние на изображении может быть преобразовано в реальное значение. Основная формула:

Где расстояние_в_пикселях — это евклидово расстояние между вашими двумя кликами калибровки:

Каждое последующее измерение следует тому же шаблону:

Это означает, что масштаб распространяется линейно: если одна стена калибрует изображение, все остальные расстояния — двери, окна, диагонали — выводятся из того же соотношения. Инструмент не требует повторной калибровки для каждого измерения. Одна хорошая линия открывает всё изображение.

Практический пример: У вас есть план, и вы знаете, что стена в гостиной слева длиной 4,5 м. Вы щелкаете по обоим концам этой стены при калибровке и измеряете между ними 310 пикселей. Масштаб становится 4,5 ÷ 310 ≈ 0,0145 м/пкс. Если затем вы измерите коридор и получите 220 пикселей, реальная длина составит 220 × 0,0145 ≈ 3,19 м — не зная ничего больше о плане.

Тот же принцип применим к фотографиям. Если вы знаете один объект на фото помещения (скажем, стандартная дверь высотой 2,1 м), вы можете откалиброваться по нему, а затем измерить ширину окна, длину дивана или расстояние между двумя стенами — всё по одной фотографии, снятой под любым углом, пока все измеряемые объекты лежат примерно в одной плоскости.

Для круговой калибровки (режим диаметра) формула идентична — MetricCanvas просто вычисляет расстояние между двумя диаметрально противоположными точками, по которым вы щелкнули, а затем применяет то же соотношение. Это полезно для колонн, труб, круглых столов или любой круглой линии известного диаметра.

Пример из реальной жизни: всё узнать по одной стене

Предположим, вы получили план в формате JPEG, но на нем нет напечатанной шкалы, и вы знаете только одно: главная спальня шириной 3,6 м. Вот как вывести все остальные измерения в здании:

С этого момента MetricCanvas может сообщить: общую ширину квартиры, длину кухни, ширину коридора, расстояние от окна до стены, диагональ любой комнаты. Каждое измерение выводится из единой линии 3,6 м. Вы можете экспортировать полное аннотированное изображение или таблицу данных, чтобы поделиться с архитектором, подрядчиком или любым, кому нужны цифры.

Это работает потому, что планы — это ортографические проекции: все расстояния нарисованы в масштабе на плоской 2D-картинке. Тот же принцип применим к любому правильно спроектированному чертежу: генеральным планам, фасадам, электрическим схемам и т.д.

Советы для точных результатов

• Используйте версию изображения с наивысшим разрешением. Чем больше пикселей между двумя точками, тем меньше ошибка округления в измерении.
• Максимально увеличивайте масштаб при размещении точек калибровки и измерения — ошибка клика на 2 пикселя гораздо критичнее при низком масштабе, чем при высоком.
• Выбирайте калибровочную линию, параллельную направлению, в котором вы будете в основном измерять. Горизонтальная линия идеальна для горизонтальных измерений.
• Для планов с напечатанной шкалой откалибруйтесь по шкале, а не по стене, поскольку напечатанные шкалы учитывают искажение рисунка и перекос сканирования.
• Если ваше изображение — это фотография, снятая под углом (а не истинная ортографическая проекция), измерения будут точны только в пределах плоскости сфотографированной поверхности. Искажения перспективы нельзя исправить без дополнительных опорных точек.