如何在html对象元素中更改svg位置的背景颜色[重复]

Posted 2023-02-24

【中文标题】如何在html对象元素中更改svg位置的背景颜色[重复]

【英文标题】：How to change my background color of svg place in html object element [duplicate]

【发布时间】：2018-04-24 20:15:23

【问题描述】：

如何更改 html 对象元素中 svg 位置的背景颜色。使用 CSS、Jquery 或 javascript 我的 svg 图像是从 django 静态文件中的扩展源收集的

html

<object  id="object" type="image/svg+xml" data="% static 'images/icons/Businessopportunities.svg' %"></object>

【问题讨论】：

How much research effort is expected of Stack Overflow users?

【参考方案1】：

您必须打开 Web 控制台并检查 svg 图像。找到要更改颜色的元素，然后在首选代码编辑器中打开svg 图像，再次找到该元素并为其分配自定义类。

在您的 css 文件中正常设置该类的样式。

由于您没有提供要着色的图像，因此我无法进一步帮助您。如果您无法做到这一点，请提供您的图像代码并告诉我们应该对什么进行着色。

【讨论】：

看看我的html代码。你会看到图片是从源收集的。使用django静态文件

是的，我看到了这个，但这没有帮助，我们没有实际图像的代码。您可能知道，svg 图像由html 代码组成，因此您可以在文本编辑器中打开它们并将类分配给其中的某些元素。这是您必须检查的代码，以找到要通过css 或js 着色的元素。如果你给它添加一个类或者一个id，你可以简单地引用它。

其实svg是基于XML的，因此并不是真正的html，但语法/结构相同，可以嵌入到html中。

@frontend_dev 完全正确。对于措辞不准确甚至稍有错误，我深表歉意。

没有问题，不想吹毛求疵，但认为这应该澄清;)