更改HTML上的SVG图片背景颜色?

时间:2018-12-05 01:39:54

标签: html css reactjs semantic-ui semantic-ui-react

我正在动态显示图像(从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"
                  })
                }
              />

1 个答案:

答案 0 :(得分:2)

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

例如,您可以将以下属性添加到<image/>标记中:

style='background-color: blue'

相关问题