首页 > itarticle > react内联svg背景图的实现

react内联svg背景图的实现

admin 11月 12, 2020 0

遇到一个需求，后台返回验证码是一个内联的svg字符串，如果通过 dangerouslySetInnerHTML 方式直接插入到页面，不方便调整尺寸;

背景图像的实现方式

1 2	const captchaSvg = window.encodeURIComponent(captchaImg); <div style={backgroundImage:`url(data:image/svg+xml;charset=UTF-8,${captchaSvg})`, backgroundSize: '100% 100%', width:200, height:50} />

近期文章