Comments (1)
Pro Dynamic SVG Loading (SVGInject)
(1) Universality
Same usage in every framework / no framework
(2) Smaller bundle size
The SVGs are not part of the bundle and load on demand
(3) Prevention of Id conflicts
IDs in the SVG are made unique before injection to prevent ID conflicts in the DOM. It's not possible by design to do this within a bundle build (see #19)
Pro Webpack Extension
(1) SVG Display Time when first shown
The SVGs do not need to load when displayed first
(2) Fewer network connections
Before cached each SVG needs to load separately when displayed in the Dynamic SVG Loading approach
This might be not complete...
In my opinion the README would get a bit bloated but the result of this Issue might go into the Wiki
from svg-inject.
Related Issues (20)
- SSR Friendly
- Unique ID for embedded SVGs HOT 4
- most basic example isnt working HOT 1
- Twice request HOT 3
- IE WrongDocumentError HOT 3
- Does this work with React? HOT 6
- Accessibility HOT 2
- inline style HOT 1
- Simplify function `makeIdsUnique()`
- Always add `role="img"` to injected SVG
- Consider automatically converting `alt` property to `title` element HOT 1
- Consider `aria-labelledby` and `aria-describedby` when making IDs unique. HOT 1
- Access to XMLHttpRequest has been blocked by CORS policy HOT 1
- makeIdsUnique not working properly
- calling SVGInject multiple times on an img tag when src is updated HOT 1
- Chrome scrollbar issue
- make addStyleToHead optional to easily comply with Content Security Policy
- Partly img effective
- Css styles removed after injection
- how can i use it in typescript?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svg-inject.