0.2.0 • Published 4 years ago
svg-pack-js v0.2.0
SVG Pack JS
Convert SVG files to one JS file
Example
Quick start
1. install
npm install svg-pack-js --save-dev
2. Make svg-pack.js
npx command
npx svg-pack-js -s src/assets/svg/*.svg -o src/svg-pack.js
or node.js
// make-svg-pack.js
const svgPack = require('svg-pack-js');
svgPack({
svg_path: 'src/assets/svg/*.svg',
output_path: 'src/svg-pack.js',
})
node make-svg-pack.js
3. Use
<head>
<script src="./svg-pack.js" async>
</head>
<body>
<div class="svgp svgp-home"></div>
</body>
Concept
- Supports landscape and portrait images
- Asynchronous loading
- Reduce requests
Features
- Mutation Observer
- Change Color
MutationObserver
Create svg-pack-js that responds to all element changes
npx svg-pack-js -s src/assets/svg/*.svg -o src/svg-pack.js -m
or Set manually
window.SvgPack.mutationObserverStart(target)
Change Color
.svgp-home path {
fill: #FF0000;
}
License
GPL-3.0-or-later