Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

What's this?

Railway maps of world's famous cities. Maps are created by Adobe illustrator, and are outputted as SVG.

Caution

Outlining character with white color is implemented by "paint-order" property, not the SVG itself. This is SVG 2 property, but it's implemented by Gecko and Webkit browser. So, you can do this like following code (CSS with PHP):

text{
  <?php
  $ua = $_SERVER["HTTP_USER_AGENT"];
  if (strpos($ua, "AppleWebKit") !== false || strpos($ua, "Gecko") !== false){
    echo 'paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linecap: round; stroke-linejoin: round;';
  } else{
    // Hack for other browser
    echo 'text-shadow: 0px 2px 0px white,0px 1px 0px white,1px 1px 0px white,1px 0px 0px white,2px 0px 0px white,1px -1px 0px white,1px -2px 0px white,0px -2px 0px white,-1px -2px 0px white,-2px -2px 0px white,-2px -1px 0px white,-2px 0px 0px white,-2px 1px 0px white,-1px 1px 0px white;';
  }
  ?>
}

g#lv2-big-junction text{
  stroke-width: 7px;
}

g#river text, 
text[fill="#FFFFFF"]{
  text-shadow: none;
  stroke: none;
}

License

CC0; Public domain. Means you can use the file of repository you want to!

About

Railway maps of world's famous cities.

Resources

Releases

No releases published

Packages

No packages published