Question

我正在试图找出pySVG，无法理解如何链接到外部CSS文件，pySVG会处理这个问题吗？查看文档，在大多数示例中，样式似乎都是硬编码的。

此外，我想添加'onclick'来更改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事件。