使用JavaScript更改SVG图像颜色
我正在尝试使用javascript更改svg图像颜色。这可能吗？我可以将其加载为对象，然后以某种方式访问颜色/图像数据。
每一个回应或提示都将受到高度赞赏！
问题答案：
当然，这是一个示例（省略了标准HTML样板）：
<svg id="svg1" xmlns="http://www.w3.org/2000/svg" style="width: 3.5in; height: 1in">
<circle id="circle1" r="30" cx="34" cy="34"
style="fill: red; stroke: blue; stroke-width: 2"/>
</svg>
<button onclick="circle1.style.fill='yellow';">Click to change to yellow</button>
-
我的html文件中有以下svg图像： 现在，我试图改变颜色使用这个css代码： 然而，一切都没有改变。使用css更改svg图像路径颜色的正确方法是什么？谢谢
-
问题内容： 这是我想出的一小段代码的自我问答。 当前，没有一种简单的方法可以嵌入SVG图像，然后可以通过CSS访问SVG元素。有多种使用JS SVG框架的方法，但是如果您要做的只是制作带有过渡状态的简单图标，它们将过于复杂。 所以这就是我想出的，我认为这是迄今为止在网站上使用SVG文件的最简单方法。它的概念来自早期的文本到图像替换方法，但据我所知，从未对SVG进行过处理。 这是问题： 如何在不使用
-
这是我想出的一段方便的代码的自我问答。 目前，还没有一种简单的方法来嵌入SVG图像，然后通过CSS访问SVG元素。使用JS SVG框架的方法多种多样，但如果您所做的只是制作一个带有滚动状态的简单图标，那么这些方法就过于复杂了。 所以这里是我想出的，我认为这是迄今为止在一个网站上使用SVG文件的最简单的方法。它的概念来自早期的文本到图像的替换方法，但据我所知，SVG从来没有这样做过。 这就是问题所在
-
我在使用jquery或vanila javascript更改svg图像的颜色时遇到了问题。我尝试了一些方法，但似乎都不起作用，原始颜色是黑色的，如果我在IDE中打开svg图像并添加/更改填充属性，我可以更改它。但JS不行。我做错了什么？其他代码行工作正常，所以文件或其他文件没有问题。 到目前为止，我已经尝试了这几行代码，并将id放在img标签以及svg元素本身上 中文： JS: UPDATE-创建
-
我想为svg（莲花）使用不同的颜色。让我们说一个绿色的盒子命名为TOPS，红色的Rest室，白色的其余部分。我想通过css设置颜色。 svg在css中被引用为背景图像： 背景图片： 网址（“https://cdn.shopify.com/s/files/1/1011/6932/t/20/assets/lotos.svg?14455316687248826498”）; 我如何才能做到这一点？
-
问题内容： 我正在尝试使用JavaScript更改图像的大小。jS文件与HTML页面分开。 我想在JS文件中设置图像的高度和宽度。有什么好的方法吗？ 问题答案： 引用图像后，就可以像这样设置其高度和宽度： 在html中，它看起来像这样：