Discourse是否接受带渐变的SVG图标？

开发
1

我看到任何带有渐变的图标都不起作用，Discourse 不接受它吗？

如果它不接受，有没有办法通过 CSS 为图标添加渐变？

2 个赞
2

我也有同样的问题，有人知道是怎么回事吗？

3

如果 SVG 格式支持渐变，则将其视为一个 bug。最好在 git 存储库中报告为功能请求。

4

一个 SVG 这样的标志应该可以正常工作。
据我所知，SVG 图标渐变在通过 CSS 设置颜色时会被覆盖吗？

5

我看到有两种方法，一种是通过 CSS，另一种是通过 SVG 文件代码，但无论我使用哪一种，它都不起作用，文件没有改变！

您知道有什么方法可以让我为图标使用渐变吗？

6

我認為 CSS 漸層無法與 SVG 圖示一同運作，漸層必須直接套用到 SVG 檔案上

7

您可以使用此技巧在 SVG 图标上创建渐变：

您创建一个不可见的 SVG，其中定义了所有与 id 关联的渐变（例如：\u003clinearGradient id=\"my_id\"...）

然后，在您的 CSS 中，您可以定位 SVG 图标并使用 fill: url(#my-id)

我不确定它有多么难看，但它确实有效。 :smile:

1 个赞