react中SVG的使用(改变大小颜色) + REM的缩放大小（sketch复制代码）

最新推荐文章于 2024-08-06 11:09:59 发布

Candy_home

最新推荐文章于 2024-08-06 11:09:59 发布

阅读量1.2w

点赞数

文章标签：图片上传 svg rem react

本文链接：https://blog.csdn.net/Candy_home/article/details/76167345

版权

本文介绍了如何在React应用中使用SVG，包括从Sketch复制SVG，调整SVG颜色，以及通过REM进行尺寸缩放。同时提供了一个DEMO链接供参考。

摘要由CSDN通过智能技术生成

第一步从sketch中复制成SVG图片

<svg width="30px" height="25px" viewBox="0 0 30 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 45.1 (43504) - http://www.bohemiancoding.com/sketch -->
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(-503.000000, -144.000000)" fill="#03C3F4">
            <g id="tab" transform="translate(0.000000, 125.000000)">
                <g id="Group" transform="translate(48.000000, 17.000000)">
                    <path d="M461.156249,5 L461.851707,3.25833089