title: How do I get glyph outlines of a letter as bézier paths using JavaScript?
body: <p>I want to retrieve the outline information of font glyphs as bézier paths in HTML5. This would allow me to randomize the outlines:</p>
  
  <p><img src="https://i.stack.imgur.com/KPxzS.png" alt="Random changed glyph outlines"></p>
  
  <p>In Cocoa, I would use <a href="https://developer.apple.com/library/mac/#documentation/Cocoa/Reference/ApplicationKit/Classes/NSBezierPath_Class/Reference/Reference.html" rel="noreferrer"><code>appendBezierPathWithGlyph:inFont:</code></a>. In Java, I would use <a href="http://docs.oracle.com/javase/6/docs/api/java/awt/font/TextLayout.html#getOutline(java.awt.geom.AffineTransform)" rel="noreferrer"><code>TextLayout.getOutline()</code></a>. How does this work in JavaScript?</p>
  
  <p>I discovered that Mozilla has <a href="https://developer.mozilla.org/en-US/docs/Drawing_text_using_a_canvas#mozPathText.28.29" rel="noreferrer"><code>mozPathText</code></a> but I can't get it to work.</p>