jamiehaywood / customroundel

🎨 A tool to customise your own TfL roundel

Home Page:https://jamiehaywood.com/customroundel/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Custom Roundel

This is a simple tool to create a Transport for London roundel with custom text in the middle, and a choice of colours.


Font Scaling

An interesting problem that presented itself when I was developing this was how to scale the custom SVG text because the text size did not scale linearly with character number.

To solve this, I plotted the character to visual width ratio for a selection of roundel images and calculated a polynomial trendline that fit the points. The more the characters input, the smaller the font would scale.

Future Features

  • Custom colour input
  • Save SVG to file

About

🎨 A tool to customise your own TfL roundel

https://jamiehaywood.com/customroundel/


Languages

Language:TypeScript 63.7%Language:CSS 16.1%Language:HTML 11.3%Language:SCSS 9.0%