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