pySVG CSS 链接

发布于 2024-11-30 23:07:53 字数 242 浏览 1 评论 0原文

我试图弄清楚 pySVG，但无法理解如何链接到外部 CSS 文件，pySVG 是否可以处理这个问题？查看文档，大多数示例中的样式似乎都是硬编码的。

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

想法？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

善良天后 2024-12-07 23:07:53

我不太确定 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 事件。

I'm not quite sure how pySVG does things, but you can add an external CSS to an SVG you've created by adding:

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

It should be the very first line of the file, i.e. before the DOCTYPE declaration.

As for the onclick changes, you can have an element like this:

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

This will change the class of the circle from class1 to class2 when you click on it (changing it back would be more complicate and probably require javascript or EMCAScript within the SVG itself). I'm not sure how pySVG handles these things, but if you can add arbitrary attributes to elements then you can add the onclick event.

回复收藏 0 原文

~没有更多了~