Поворот Faceplate

[manjey73]

Собственно у Faceplate есть
Границы, радиус углов поворота, цвета.

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

[manjey73]

Интересует поворот не того, что внутри фейсплейта, а поворот самого фейсплейта на схеме, чтобы использовать его обводку и цвета границ в вышеописанном случае.

[manjey73]

нашел у себя тест, где я крутил фейсплеты, вроде там стилями.
Так вот вопрос теперь как привязать изменение стиля к экспортируемому свойству и менять только один экземпляр, а не всю толпу…

[manjey73]

Такс. Есть <div id=»comp28″ …. class=»comp faceplate selected»

1. Как мне туда прописать свой стиль, расположенный в Разметке вставленной в faceplate?
2. Как привязать к экспортируемому свойству угол поворота и изменять этот стиль?

з.ы. я руками применил стиль к данному фейсплейту целиком и по идее это сработало.

Чтобы получилось <div id=»comp28″ …. class=»comp faceplate selected comp28-1mystyle»

• Ответ изменён 1 месяц, 2 недели назад пользователем manjey73.

[Mikhail]

Добрый день!
Поворот реализуется сложно. Поэтому свойства поворота доступно только для определённых компонентов, например, рисунка.
Можете самостоятельно задать поворот с помощью CSS.

[manjey73]

так вот из-за args.component.dom я не понимаю, как задать или изменить стиль.
Лыжи не едут. Примеры в нете без этого долбанного args.component.dom и они не подходят.
Либо просто ничего не происходит, либо пишет в console.log — none

Вот простой пример. В Разметке перед svg задал стиль

  <style id="{0}style">
    .{0}block { transform : rotate(45deg) scale(1, 1); }
  </style>
<svg ......

[manjey73]

Открываю консоль и вижу добавленный стиль

<div id="comp28-1" data-id="1" data-name="" class="comp fp-filter extra-markup fiction-border" title="" style="left: 0px; top: 0px; width: 100px; height: 100px; border-radius: 0px; --border-width: 0px;">  <style id="comp28-1style">
    .comp28-1block { transform : rotate(45deg) scale(1, 1); }
  </style>

А вот теперь КАК его изменить на
.comp28-1block { transform : rotate(15deg) scale(1, 1); } — сделать 15 градусов

и КАК его добавить сюда ->
<div id=»comp28″ data-id=»28″ data-name=»» class=»comp faceplate selected comp28-1block» title=»»

Руками нагло прописываю, делает то, что мне нужно, кодом из скрипта НИКАК не получается

[manjey73]

в общем хрень какая-то с этими стилями, интернет пишет все просто, можно переопределить, у вас хоть кол на голове теши, ничего не происходит.

Где я хочу поменять и куда его прописать написано выше, помогайте тупоголовому 🙂

а лучше, создайте для faceplate свойство, которым можно будет управлять без этой головомойки, чтобы оно управляло поворотом конкретного экземпляра фейсплейта из скрипта. Либо указание жестко в свойстве, чтобы не было необходимости привязывать экспортируемое свойство, если иного поворота не будет требоваться по условиям.

• Ответ изменён 1 месяц, 2 недели назад пользователем manjey73.

[manjey73]

или такую хрень я получаю

Префикс компонента comp28-1 = [object Object] — чего объект то? что делать с ним дальше?

И вообще то ли я прошу?

[manjey73]

или undefined 🙁

[manjey73]

Какие-то проблемы с <div>

Если в разметке я ставлю <style> выше svg, соответственно я ищу в нем по id компонента. Для простоты просто пытают переписать его полностью и…. И НИЧЕГО НЕ МЕНЯЕТСЯ…

переместил <style> в корень svg и о чудо, то, что я в него пишу появляется на странице…

Тут либо связанное что-то с <div> — надо как-то по другому? либо плагин не дает.

Опять же, а как из кода теперь добавить класс к родительскому объекту?
мне еще недельку заниматься ……?

[manjey73]

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

По крайней мере, когда открыта консоль, и я меняю значение, чтобы сработал domUpdtated, список классов родительского div мигает, как происходит при изменениях значений.

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

Пока бросил эту затею.. как гиблую 😀

• Ответ изменён 1 месяц, 2 недели назад пользователем manjey73.

[manjey73]

з.ы. помимо поворота на уровне Редактора и Плагина (свойства faceplate) нужно еще

1. скалирование (аналог scale в svg) чтобы делать зеркало по вертикали и горизонтали
2. И на уровне Редактора и Плагина изменение сторон с указанным aspect-ratio
типа галочки в настройках + задание соотношения. Чтобы за что не потянул, объект растягивался пропорционально. Например сделали квадрат 100х100, тянем за угол или за любой край, всегда будет квадрат и так далее, например если прописали соотношение 4:3 или 2:1

[manjey73]

и еще, даже не знаю, насколько это реализуемо будет?
Если все же повернуть сам фейспелйт стилем, то при выборе мы видим повернутую рамку со всем содержимым.

Очень хотелось бы, когда мы выбираем повернутый объект, у него менялась бы система координат, чтобы растяжение было направлено вдоль границ объекта.

В принципе это для web возможно? а то @JurasskPark говорит что web тупой и так никак не может быть 🙂

[Автор]

Записи