admin管理员组文章数量:1355540
I just want to know whether is it possible to change stroke-width of svg using .svgrrc file since we can change stroke and fill property.
I tried to change but it didn't work.
.svgrrc:
{
"replaceAttrValues": {
"#000": "{props.fill}",
"#001": "{props.stroke}",
"1px": "{props.strokeWidth}"
}
}
.svg
<svg xmlns="; viewBox="0 -960 960 960" preserveAspectRatio="xMidYMid meet"
fill="none">
<path
d="M381.54-350.77q-95.92 0-162.58-66.65-66.65-66.66-66.65-162.58 0-95.92 66.65-162.58 66.66-66.65 162.58-66.65 95.92 0 162.58 66.65 66.65 66.66 66.65 162.58 0 41.69-14.77 80.69t-38.77 66.69l236.31 236.31q5.61 5.62 6 13.77.38 8.16-6 14.54-6.39 6.38-14.16 6.38-7.76 0-14.15-6.38L528.92-404.31q-30 25.54-69 39.54t-78.38 14Zm0-40q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42 0-79.62-54.81-134.42-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42 0 79.62 54.81 134.42 54.8 54.81 134.42 54.81Z"
fill="#000"
stroke="#001"
stroke-width="1px"
/>
</svg>
I just want to know whether is it possible to change stroke-width of svg using .svgrrc file since we can change stroke and fill property.
I tried to change but it didn't work.
.svgrrc:
{
"replaceAttrValues": {
"#000": "{props.fill}",
"#001": "{props.stroke}",
"1px": "{props.strokeWidth}"
}
}
.svg
<svg xmlns="http://www.w3./2000/svg" viewBox="0 -960 960 960" preserveAspectRatio="xMidYMid meet"
fill="none">
<path
d="M381.54-350.77q-95.92 0-162.58-66.65-66.65-66.66-66.65-162.58 0-95.92 66.65-162.58 66.66-66.65 162.58-66.65 95.92 0 162.58 66.65 66.65 66.66 66.65 162.58 0 41.69-14.77 80.69t-38.77 66.69l236.31 236.31q5.61 5.62 6 13.77.38 8.16-6 14.54-6.39 6.38-14.16 6.38-7.76 0-14.15-6.38L528.92-404.31q-30 25.54-69 39.54t-78.38 14Zm0-40q79.61 0 134.42-54.81 54.81-54.8 54.81-134.42 0-79.62-54.81-134.42-54.81-54.81-134.42-54.81-79.62 0-134.42 54.81-54.81 54.8-54.81 134.42 0 79.62 54.81 134.42 54.8 54.81 134.42 54.81Z"
fill="#000"
stroke="#001"
stroke-width="1px"
/>
</svg>
1 Answer
Reset to default 0Change stroke-width="1px" to stroke-width="1". The px is not needed
本文标签：
版权声明：本文标题：Can we change stroke-width of svg, as we can change stroke color in react-native-svg-transformer? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743993051a2572499.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论