Styling jsPlumb outline с использованием CSS

Мы используем «Styling via CSS» для стилей коннекторов, однако цвет в CSS, кажется, перезаписывает как цвет контура, так и цвет коннектора. Селектора мы используем выглядит следующим образом:Styling jsPlumb outline с использованием CSS

svg.fs-connector path { 
    stroke: lightgray; 
    fill: lightgray; 
    stroke-width: 3; 
} 

svg.fs-connector-hover path { 
    stroke: gray; 
    fill: gray; 
    stroke-width: 3; 
}

, где фс-разъем и FS-разъем-парения являются cssClass'es мы назначаемые при создании конечных точек.

Есть ли способ, с помощью которого css-селектор должен ориентировать путь svg на коннектор и его наложение (стрелка), но оставить контур SVG в качестве исходного цвета, как указано в значениях по умолчанию (или, что еще лучше, есть ли способ индивидуального стиля контура)?

источник

2015-02-24 Jason Chong

Вы можете создать скрипку, чтобы продемонстрировать проблему? –

https://jsfiddle.net/01z5sknq/2/ Если вы раскомментируете css, вы увидите, что черный коннектор с белым контуром будет заменен зеленым коннектором с зеленым контуром, поэтому в основном ширина хода разъема становится ширину коннектора плюс ширину контура, и вы больше не получаете приятный «перерыв», где они пересекаются (это то, что дает вам контурный цвет) –

Извинения - вместо этого используйте эту версию - https://jsfiddle.net/01z5sknq/5 / –

jsPlumb current version (1.7.4) реализует outlineColor и outlineWidth свойства PaintStyle для коннекторов, рисуя два одинаковых SVG-паттерна один поверх другого с разными стилями штриха и ширины штриха (see line 11571). Эти элементы пути принадлежат к одному SVG элемент с классом, как «фс-разъем» в вашем случае, см рисунок ниже:

screenshot

Таким образом, вы можете применить инсультом и инсультом ширины свойства обоих трактов в то время, , Ответьте на свой вопрос «Есть ли способ индивидуально настроить цвет схемы?» - используя стили CSS, вы не можете.

источник

2015-03-11 09:48:59 alemv

Styling jsPlumb outline с использованием CSS

ответ

Смежные вопросы