Поворот 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»

• Ответ изменён 2 часа, 33 минуты назад пользователем 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 час назад пользователем manjey73.

[manjey73]

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

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

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

[manjey73]

или undefined 🙁

[Автор]

Записи