LINUX.ORG.RU

Как сконвертировать svg CSS inline style в CSS style attribute?

 , , ,


0

1

Добрый, форумчане!

Помогите с svg и встроенными CSS-стилями, ибо нифига не понимаю ни в первом, ни во втором :((

Вобщем суть в том, что есть Confluence с адд-оном gliffy, который позволяет рисовать схемы a-la dia или visio. И в него можно добавлять свои svg, но эта фиганда не поддерживает svg CSS inline-стили, и вместо этого для некоторых svg показывает или полностью прозрачные или полностью черные квадраты.

Нашел на их форуме, что оно поддерживает CSS style attribute.

Решил сконвертировать свои svg в этот style attribute, но не нашел как это сделать в inkscape. Нашел Edit-> XML Editor, который похож на то, что мне нужно - но где там менять типы CSS - непонятно.

Господа, подскажите, куда ткнуть, или что можно использовать ещё для конвертирования?

PS Помню тут были люди, которые отлично шарят в теме, кто может кастануть?

Спасибо!


Ответ на: комментарий от cdshines

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

Например этот svg: https://drive.google.com/drive/folders/1rafXb3cBVfnV95nRKOY3rsDwnT1h8CFv?usp=sharing

Screenshot из Inkscape: https://drive.google.com/file/d/1-VL3xlibrHE9ZKMc8cli16cKjF9eavq0/view?usp=sharing

Где и что тут необходимо менять?

skyman ()
Ответ на: комментарий от cdshines

пока ничего, потому что ты не сказал, что ты хочешь получить)

Прямо в топике же написал :)

Как сконвертировать svg CSS inline style в CSS style attribute?

Я так понимаю, что мне для всех кривых надо это сделать.

skyman ()
Ответ на: комментарий от skyman

Так а где в этом свг стили?

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle fill="gold" stroke="green" stroke-width="2px" cx="15" cy="15" r="4" />
  <circle style="fill:gold;stroke:blue;stroke-width:2px" cx="25" cy="25" r="4" />
</svg>

ты про это? яннп, что ты хочешь.

или у тебя их много и ты хочешь автоматом? это можно просто сделать, если не лень написать строк 10-20 на питоне, например, любым xml-парсером

cdshines ★★★★ ()
Последнее исправление: cdshines (всего исправлений: 1)
Ответ на: комментарий от cdshines

Так а где в этом свг стили?

style="fill:gold;stroke:blue;stroke-width:2px"

Да, где же они?

А если серьёзно, то я думаю, что ТС имел в виду, что нужно

<circle style="fill:gold;stroke:blue;stroke-width:2px" cx="25" cy="25" r="4" />

превратить в

<circle fill="gold" stroke="blue" stroke-width="2px" cx="25" cy="25" r="4" />

то есть заменить артибут style на отдельные атрибуты, влияющие на стиль

dsxl ()
Последнее исправление: dsxl (всего исправлений: 1)
Ответ на: комментарий от anonymous

А вот тут что со стилями https://drive.google.com/file/d/1DRvqwTRhftdKcTDBlefd9JzVQVx34WGT/view?usp=drivesdk почему то картинку сплющивает, а в самом инкскейпе нормально все

Подскажите, если нет решения то ладно, так сойдет в пнг експортирую ниче уж не поделаешь

iconn ()