世博会上的SVG背景

如何将SVG文件作为组件的背景图像？我已经使用了react原生svg。

<Container style={{ marginVertical: 150, margin: 20 }}>
<Svg width="360" height="640" fill="none">
<Path
d="M0 0h360v640H0z"
fill="red"
/>
</Svg>
</Container>

<View>
<Svg width="360" height="640" fill="none" style={StyleSheet.absoluteFill}>
<Path
d="M0 0h360v640H0z"
fill="red"
/>
</Svg>
{children}
</View>

也许这段代码会起作用，因为ImageBackground的实现是这样的。svg在后台，所有子(组件(都将在前台。

如果您的用例可能，请将svg保存到一个文件中，然后您可以将其设置为组件的cssbackground-image: url(<file>.svg);。您甚至可以引用svg文件的子组件，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/url((

相关内容

最新更新

热门标签：