Vexillis Omnibus

Login / Sign up

About the Flag Locker

Our History

The Flag Locker was founded on 16 March, 2018 as a small experiment in HTML5 Canvas & Javascript. The site was never intended to be anything more. After becoming frustrated with the state of online vexillogical research I knew that I had found a niche I could meaningfully contribute to. Within the first year the site took on many forms. The site grew in depth as well as breadth at the same time resulting in many experimental layouts and designs. An emphasis was placed on search-ability and categorization. Along the way, I knew I had to integrate a community into the site if I ever wanted grow; let's face it, there is simply too many flag designs for one person to draw in a lifetime. User accounts, member contributions, and establishing a tracking system for flag design contests were added to the site with the 16 March 2019 update.

One year in, and nearly 500 flags online, the Flag Locker continues to grow and consume my life. I'm proud of the progress so far and look forward to what the vexillogical community can contribute to make the Flag Locker the place to go for all things vexillology.

Bernard Flynn

Site Stats

Total Number of Flags


Number of Flags Added By Year

2020: 112

2019: 298

2018: 406

Most Commonly Used Colours
SwatchColour NameUses
Black C186
Deep Sapphire45
International Klein Blue29
School bus Yellow19
* Colour names are estimated based off of hexcode

Frequently Asked Questions

Can I Use Your Images?

Yes, all of the content of this website is released under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

This means that you are free to:

  • Share, copy, and redistribute the material in any medium or format
  • Adapt, remix, transform, and build upon the material

In return you agree to:

  • Give appropriate credit, provide a link to the license, and indicate if changes were made to the work; in any reasonable manner, but not one that appears to be an endorsement of you or your use.
  • Use the material for non-commercial purposes.
  • Release anything you remix, transform, or build upon under the same license as above.
  • Not apply any additional legal terms or technological measures that legally restrict others from doing anything the license permits.

You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation. No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

Why HTML5 Canvas instead of .SVG?

In the original version of this site, each flag could be displayed at a range of sizes. That was the root of my experimentation into HTML5 Canvas. Most websites utilize .svg (Scalable Vector Graphic) images to present the same image with consistent quality no-matter the scale. I saw potential in HTML5 Canvas to do the same. By defining each part of the drawing in relation to the height and width of the canvas the image was, endlessly scalable, despite being rendered as a bitmap image. Did it serve a purpose? No. Not really. Was it interesting? Interesting enough to keep me working on it.

What is the process involved?

Drawing flags isn't overly difficult for countries like Germany or France where each band is 1/3 of the width or height of the flag. But when it comes to more complicated flags with irregular shapes, these calculations become more complex. Drawing a flag with a complicated crest could take weeks, months, or years to get right without the assitance of image editing software. To achieve these more complicated designs I draw the image using vectors in Photoshop. I export the image as an SVG which outpots code that is easy to work with. I take the SVG code and convert it into Javascript using a simple script I wrote in PHP. Since SVG images are draw in relation to the top-left of the image, my script recalculates the position of all points from the centre of the image. I use that output to dynamically draw the flags on the site. This allows me to easily output thousands of lines of code with sub-pixel accuracy in a few hours or days.

I have feedback, suggestions, requests, a burning desire to talk to you...

Great, feel free to contact me or connect with me on Facebook or Twitter

Ultimately, the content of this site is moulded by the community. The Contests page was a request put out on Twitter by Trerrysaur, aka. Truls