- В этой теме 24 ответа, 2 участника, последнее обновление 1 месяц назад сделано
.
-
Записи
-
Не выделенная линия — в Разметке — по рамке видно смещение линии ниже центра, при указании в коде svg координаты y = 50%, высота объекта менее 15-ти (размер 100х10 если быть точнее)
Выделенные — это тот же код линии, но вставленные как svg Картинкой (Picture), при уменьшении высоты объекта код svg отрабатывает корректно и линия по центру объекта.
У правой выделенной линии размер 100х3Собственно все подписал, и нарисовал где должна быть линия.
Добрый день!
Фейсплейт добавляет уровень вложенности HTML-элементов, что влияет на отображение.Применительно к компоненту разметка нужно самостоятельно посмотреть через инструменты браузера, почему возникает искажение. Поведение стилей зачастую бывает неочевидным. Если обнаружите, что проблема в стилях фейсплейта, посмотрим возможно ли их исправить для всех или нужно подстраивать стили фейсплейта под конкретный случай на уровне мнемосхемы.
Разметка подразумевает работу инженера с HTML и CSS, что безусловно не свойственно. Но тут либо пользоваться этим инструментом, либо нет. Можно посмотреть готовые компоненты от JurasskPark
https://rapidscada.net/store/Module/ru/PlgMimControlsJP
https://rapidscada.net/store/Module/ru/PlgMimPipesJP
https://rapidscada.net/store/Module/ru/PlgMimTankJPЯ не знаю, куда смотреть, все, что мог, посмотрел.
Стили не применял, Казань не брал, Часовню 15-ого века не разваливал 🙂1. Возможно проблема в Разметке, уже только при ее использовании нарушаются координаты, при чем только при уменьшении высоты ниже 15-ти (ограничения для изменения размера мышью).
2. Фейсплейт добавляет еще искажений,
3. При использовании Картинки и использовании того же кода, даже в фейсплейте искажения нет.Еще раз, никаких HTML, CSS не применяется, кроме вставки в html указанного выше svg, без стилей, со штатным механизмом использовании координат. И заметьте, при увеличении размера объекта более 15 все соответствует, ничего не смещено. Линия будет строго по центру.
з.ы. меня мало интересуют готовые компоненты, они предназначены для других целей.
Линия это просто примитив, на котором видно проблему.Вот пример SVG текста в Разметке, вставленной в Faceplate.
Координаты вставки все те же Y = 50%
При размере блока ниже 25-ти (указан 15) тест смещен вниз. Слева размер блока по высоте 100 и текст строго по центру.
Если разметка вставлена в Faceplate, то координаты нарушаются, если блок меньше 25-ти. Что для линии, что для текста в svg, думаю и для любой фигуры в том числе.
Можете выложить в онлайн простую схему, на которой 2 компонента с разными размерами, с проблемой и без неё?
А без проблемы нет. Svg при использовании в Разметке смещен вниз всегда, даже если просто в схеме.
Выложу минимальный вариант. Хотя там код svg с линией вставить 5 минут делов было.
Папка представления HelloWorld — фейсплейт и mim в данной папке должны быть,
При добавлении границы происходит еще большее смещение расположения svg вниз.
- Для ответа в этой теме необходимо авторизоваться.