From d861940f1d47d6d04ab4fe7ff502b6f80570bc43 Mon Sep 17 00:00:00 2001
From: Chris Rawnsley <casr+ijvx@darkcog.com>
Date: Sat, 18 Feb 2017 13:14:28 +0000
Subject: [PATCH] Style <text> elements with dominant-baseline

According to the spec[1], the `alignment-baseline` property only applies
to the <tspan>, <tref>, <altGlyph> and <textPath> elements. For <text>
elements there is the `dominant-baseline` property.

Fixes #3

  [1]: https://www.w3.org/TR/SVG/text.html#AlignmentBaselineProperty
  [2]: https://www.w3.org/TR/SVG/text.html#DominantBaselineProperty
---
 generate.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/generate.js b/generate.js
index 1db0ff9..60def98 100644
--- a/generate.js
+++ b/generate.js
@@ -5,7 +5,7 @@ var fs = require('fs')
 var header = [
     '<svg width="120" height="19" xmlns="http://www.w3.org/2000/svg">'
   , '<style type="text/css">',
-  , 'text{alignment-baseline:middle;font-family:Arial,sans-serif;font-size:10px}'
+  , 'text{dominant-baseline:middle;font-family:Arial,sans-serif;font-size:10px}'
   , '</style>'
 ].join('')
 var footer = '</svg>'