Виджет бегущей строки по контуру
Бегущая строка, которая идет по скруглению панели.
- В продакшене с
- 2026-08-19
Задача
Штатный виджет бегущей строки двигается только по прямой, поэтому текст на скругленной декоративной панели либо игнорирует ее форму, либо сидит в обычном прямоугольнике.
Что сделали
Свой SVG-виджет ведет настоящий векторный текст по замкнутому контуру скругленного прямоугольника: каждый символ развернут по касательной к кривой, поэтому углы огибаются, а строка не ломается под 90 градусов. Поддержки textPath у SpinetiX нет ни на одном уровне (проверено по профилю SVG Tiny 1.2, по списку добавленных функций SVG в вики и по исходникам jSignage), поэтому виджет построен на animateMotion для каждого символа: один элемент text на букву, у каждой свой сдвиг входа на общем пути. Все остается векторным, растровых надписей нет.
Результат
Бегущая строка вписывается в формы панелей, недоступные штатным виджетам, со скоростью в px/с при постоянной, не зависящей от кадровой частоты скорости.
Ссылки
Публичной ссылки нет. Система работает внутри контура заказчика.
Теги
Смежные работы
Спросить по этой работе
Бриф