更改html上的svg图像背景颜色

Question

我动态显示图像(从API获取图像(。它们的背景是透明的(alpha(。我也有背景颜色我的图像上的顶部。我该如何添加这个背景颜色的图像上html？我有一个Image React类(来自Semantic Ui React(，但忽略了它。的属性也将起作用。这里的"填充"one_answers"颜色"只是我的尝试，但没有成功。其余的属性无关紧要。

<Image
align="left"
color="green"
fill="red"
src={image}
size={this.state.tokenImageSize}
avatar
onMouseEnter={e =>
this.setState({
tokenImageSize: "medium",
textHeaderSize: "h1"
})
}
onMouseLeave={e =>
this.setState({
tokenImageSize: "tiny",
textHeaderSize: "h4"
})
}
/>

Answer 1

在HTML元素中更改背景颜色的典型方法是使用style属性，并将background-color设置为所需的颜色。

例如，您可以在<image/>标签中添加以下属性：

style='background-color: blue'