更改HTML上的SVG圖片背景顏色？

Question

我正在動態顯示圖像（從API提取圖像）。 它們的背景是透明的（alpha）。 我還具有背景色I，以使圖像位於上方。 如何將這種背景色添加到html上的圖像？ 我有一個Image React類（來自Semantic-Ui-React），但是忽略了它。 的屬性將相同。 這里的“填充”和“顏色”只是我的嘗試不起作用。 其余屬性無關緊要。

             <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'