react-svg-atlas:结合,隔离,使SVG飙升

时间:2024-06-05 16:07:51
【文件属性】:

文件名称:react-svg-atlas:结合,隔离,使SVG飙升

文件大小:98KB

文件格式:ZIP

更新时间:2024-06-05 16:07:51

react svg use isolation svg-to-png

React-svg-地图集 使用SVG存储可以大大减少HTML文件的大小,并将一个SVG与另一个隔离。 并再次使SVG变得可组合! 这是React版本 使用元素将svg文件合并为一个。 在阅读有关此内容的更多信息。 PS: isolate SVG的正确方法是使用SVGO的插件 And make SVG composible again! ?? 是的-react-svg-atlas还将一个SVG与另一个SVG隔离开来,使您的应用程序更具可预测性。 做对了。 用法 安装 yarn add react-svg-atlass 用HOC包装SVG import inAtlas from 'react-svg-atlas' ; import MySVG from './my.svg' // wrap const SVG = inAtlass ( MySVG ) // use


【文件预览】:
react-svg-atlas-master
----circle.yml(101B)
----.eslintrc(1KB)
----stories()
--------SmokeTest.js(1KB)
--------chomeTest.js(444B)
--------MixedTest.js(3KB)
--------SizeTest.js(530B)
--------PerformanceTest.js(2KB)
--------VisaTest.js(1KB)
--------StyleTest.js(1KB)
--------testSVG.js(4KB)
--------PropTest.js(464B)
--------index.js(646B)
----yarn.lock(274KB)
----src()
--------atlas()
--------enableRasterizer.js(0B)
--------context.js(658B)
--------inAtlas.js(1KB)
--------fabric.js(2KB)
--------AtlasContext.js(532B)
--------SVGReference.js(3KB)
--------passDownStyles.js(120B)
--------RecomputeStyle.js(1KB)
--------index.js(816B)
----.babelrc(108B)
----.npmignore(37B)
----.storybook()
--------config.js(132B)
--------addons.js(86B)
----LICENSE(1KB)
----README.md(5KB)
----.gitignore(30B)
----package.json(2KB)
----extra()
--------visa.html(383B)
--------visa.svg(2KB)

网友评论