Серия

Sketch2Code

Процесс проектирования пользовательского интерфейса требует много творчества, которое начинается на доске, где дизайнеры делятся идеями. После рисования макета он обычно фиксируется в фотографии и вручную преобразуется в некоторый рабочий HTML-проволочные кадры для воспроизведения в веб-браузере. Это занимает усилия и задерживает процесс проектирования.

 

Решение — в Microsoft Cognitive Services мы размещаем службу Компьютерное зрение. Модель, которая стоит за этой службой, была обучена миллионами изображений и обеспечивает обнаружение объектов для широкого спектра типов объектов. В этом случае необходимо создать пользовательскую модель и обучить ее изображениями элементов конструктора, нарисованных вручную, таких как текстовое поле, кнопка или поле со списком. Служба Пользовательское визуальное распознавание предоставляет нам возможность обучать пользовательские модели и выполнять обнаружение объектов. После идентификации HTML-объектов мы используем функции распознавания текста, присутствующих в службе Компьютерное зрение, для извлечения рукописного текста, присутствующих в конструкторе. Объединяя эти две части информации, мы можем создать фрагменты HTML различных элементов в конструкторе. Затем мы можем вывести макет конструктора из позиции идентифицированных элементов и создать окончательный HTML-код соответствующим образом.

 

Продукты и службы— Компьютерное зрение (модели OCR рукописного ввода), Пользовательское визуальное распознавание, Функции Azure, BLOB-объектов служба хранилища, WebApp

Создайте бесплатную учетную запись (Azure)

Хотите оставить отзыв? Сообщить о проблеме можно здесь.