当前位置: 首页 > 知识库问答 >
问题:

更改img src SVG颜色[重复]

颛孙和悌
2023-03-14

在这里,我尝试更改图像svg颜色。

  <button>
 <img src="someImage.svg">
 </button>

是否可以更改angular 5中按钮中svg图像的颜色

共有2个答案

景帅
2023-03-14

我从以下地方获取了一些代码:http://www.petercollingridge.co.uk/tutorials/svg/interactive/javascript/您必须使用对象元素而不是img元素。您必须给对象元素一个id(在示例中是svg-ject)。您必须给svg文件中的按钮一个id(在示例中它是外部-1)。然后你可以改变风格

var svgObject = document.getElementById('svg-object').contentDocument;
var svg = svgObject.getElementById('external-1');
svg.style.fill = "green"

将svg内联稍微容易一些,但这是可以做到的。

郭博涉
2023-03-14

如果SVG内嵌在DOM中,则可以将CSS应用于SVG。实现这一点的最简单方法是使用SVG注入器。它使用Javascript加载外部SVG文件并替换HTML元素(通常是

如果您使用SVGInject(https://github.com/iconfu/svg-inject/ )您的HTML将如下所示:

<button>
  <img src="someImage.svg" onload="SVGInject(this)">
</button>

onload属性通过替换

 类似资料:
  • 我正在尝试更改工具栏的颜色,但似乎找不到合适的位置。以下是必要的文件和图像: 下面是样式、清单和java main。 样式: java main:

  • 问题内容: 如何更改相对于Click(如普通按钮)上的可点击布局的相对布局的颜色?就像我想要视觉反馈一样,布局被按下。 我用绑定到background属性的选择器进行了尝试,如下所示: 并在Layouts背景中使用了它… 但这给了我一个膨胀异常… 有任何想法吗? 问题答案: 请尝试以下步骤: 在 res- > values文件夹中,创建具有以下内容的 color.xml : 由于选择器中的标签需要

  • 问题内容: 我有以下代码,该代码创建灰度BufferedImage,然后设置每个像素的随机颜色。 在大约25%到30%的像素中会发生奇怪的行为,我在其中设置颜色,然后立即设置颜色,使其与之前设置的值不同。我是否以错误的方式设置颜色? 问题答案: 这是您的解决方案:禁止getRGB并使用Raster(比getRGB更快,更容易)或更好的DataBuffer(最快,但必须处理编码): 在您的情况下,g

  • 问题内容: 在浏览器中选择文本时,大多数情况下选中的文本后面的背景会变为蓝色。如何将这种颜色更改为另一种颜色? 问题答案: 您正在寻找伪元素。 另外,作为旁注。如果你计划在所有使用文本的影子在你的网站,我建议将你的造型。正如你可以看到在这个小提琴,它的眼睛真的很辛苦。

  • 问题内容: 我在这里有此代码: 首先,如您所见,它带有下划线()。其次,所有文字均为红色。那么,是否有将文本($ username)留为红色而下划线为黑的情况? 问题答案: 不能。您最好的方法是使用其他颜色的,但这并不是 真正的重点 。