css - 使用带有 svg 的数据 URI 作为背景图像

Question

我正在尝试使用 background-image 属性和原始字符串数据设置标签的背景图像，但它似乎不起作用。这是我所拥有的：

backgroundImage: 'url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="300" height="100" style="fill:rgb(0,0,255)" /></svg>")'

我正在使用反应，所以这在 jsx 标签中使用。有趣的是，我可以使用图像标签来做到这一点，并且它可以工作。我尝试了各种报价组合，但均未成功。

标签： csssvgjsx