Comments (4)
Uh, this is not that nice at all. I guess the best way to solve this would be to go over each flag and assign random id fields to each of them?
from flagkit.
Uh, this is not that nice at all. I guess the best way to solve this would be to go over each flag and assign random id fields to each of them?
Yes, that was my initial thought...to use unique IDs...but then I've switched to use the PNG ones, instead.
Thanks for your thoughts.
from flagkit.
Uh, this is not that nice at all. I guess the best way to solve this would be to go over each flag and assign random id fields to each of them?
Yes, that was my initial thought...to use unique IDs...but then I've switched to use the PNG ones, instead.
Thanks for your thoughts.
Thanks for the reply, and happy that the png option worked.
Might still be something to think about doing to help others tho.
from flagkit.
One solution is to use an svg optimization library such as svgo to prefix all the IDs with a code unique to each SVG.
Here is some example code (for Node) that I used in my own project. You can generalize this to run over each file, but the main bit is to use the cleanupIDs
plugin with svgo
.
const fs = require('fs');
const SVGO = require('svgo');
// Processing US only
const svgo = new SVGO({
plugins: {
// lots of plugins & optimizations available
cleanupIDs: {
prefix: 'US'
}
}
});
const svgUS = fs.readFileSync('./US.svg').toString();
svgo.optimize(svgUS).then(res => {
fs.writeFileSync('./optimized/US.svg', res.data);
}) ;
from flagkit.
Related Issues (20)
- Could you add a Flag of Arab League, please? HOT 1
- Slow down compiling
- AZ Flag not working, but documentation includes this country
- Wrong shape/color of Albania's flag
- Flags not Displaying in Web HOT 1
- Add Attribution and Copyright Comment to Each SVG
- Missing flag for Ascension Island (AC)
- Flag not Visible Storyboard HOT 1
- Missing flag: Bonaire HOT 1
- The Chinese flag is wrong, please don't use it! HOT 10
- Port to Android
- CH and VA flags should be square
- Get all images with one call HOT 1
- Images are very pixelated in SwiftUI
- SVG usage
- WW flag is no longer available
- ZW flag is incorrect
- Missing Antarctica and Western Sahara flags HOT 1
- Broken Link!
- FR: Add placeholder flags for unknown
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 flagkit.