PySVG CSS ссылки

Question

Я пытаюсь выяснить, pySVG, с трудом понимая, как ссылаться на внешний файл CSS, справляется ли pySVG с этим?Просматривая документацию, стиль кажется жестко закодированным в большинстве примеров.

Кроме того, я хотел бы добавить «щелчок» для изменения ссылки CSS, поэтому тепловая карта (например) может ссылаться на CSS по умолчанию, который стилизует элементы для одного набора данных, но затемCSS можно изменить, чтобы стилизовать элементы для другого набора данных.Я не уверен, требует ли это JavaScript или svg может обработать это в XML.

мысли?

Answer 1

Я не совсем уверен, как pySVG работает, но вы можете добавить внешний CSS к SVG, который вы создали, добавив:

<?xml-stylesheet type="text/css" href="CSS_filename.css" ?>

Это должна быть самая первая строка файла, то есть до объявления DOCTYPE.

Что касается изменений при нажатии, у вас может быть такой элемент:

<circle class="class1"
        cx="10" cy="10" r="4"
        onclick="evt.target.setAttributeNS(null, 'class', 'class2')"/>

Это изменит класс круга с class1 до class2, когда вы щелкнете по нему (его возврат будет более сложным и, вероятно, потребует JavaScript или EMCAScript в самом SVG). Я не уверен, как pySVG обрабатывает эти вещи, но если вы можете добавить произвольные атрибуты к элементам, вы можете добавить событие onclick.