pySVG css链接

Question

我正在尝试弄清楚pySVG，在理解如何链接到外部CSS文件时遇到了困难，pySVG能处理这个问题吗？浏览一下文档，在大多数示例中，样式似乎都是硬编码的。

此外，我想添加一个'onclick‘来更改CSS引用，因此，热图(例如)可以链接到默认的CSS，该css为一组数据设置元素的样式，但随后可以更改css以设置另一组数据的元素的样式。我不确定这是否需要javascript，或者svg是否可以在xml中处理它。

有什么想法？

Answer 1

我不太确定pySVG是如何工作的，但您可以通过添加以下内容将外部CSS添加到您创建的SVG中：

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

它应该是文件的第一行，即DOCTYPE声明之前。

对于onclick更改，您可以使用如下元素：

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

当你点击它时，这会将圆的类从class1更改为class2 (将它改回会更复杂，可能需要在SVG中使用javascript或EMCAScript )。我不确定pySVG是如何处理这些事情的，但是如果您可以向元素添加任意属性，那么您就可以添加onclick事件。