Added an SVG path export function

Author: PhenX

classes/font_glyph_outline.cls.php

@@ -73,6 +73,10 @@ function __construct(Font_Table_glyf $table, $offset = null, $size = null) {
   function parse() {
     $font = $this->getFont();
     $font->seek($this->offset);
+  
+    if (!$this->size) {
+      return;
+    }
 
     $data = $font->unpack(array(
       "numberOfContours" => self::int16,

classes/font_glyph_outline_simple.cls.php

@@ -22,6 +22,11 @@ class Font_Glyph_Outline_Simple extends Font_Glyph_Outline {
 
   function parse(){
     $data = parent::parse();
+  
+    if (!$this->size) {
+      return;
+    }
+  
     $font = $this->getFont();
 
     $noc = $data["numberOfContours"];
@@ -108,4 +113,73 @@ function parse(){
     $this->table = null;
     return $this->data = $data;
   }
+
+  public function getSVGPath(){
+    $path = "";
+    
+    $points = $this->data["points"];
+    $length = count($points);
+    $firstIndex = 0;
+    $count = 0;
+    
+    for($i = 0; $i < $length; $i++) {
+      $count++;
+      
+      if ($points[$i]["endOfContour"]) {
+        $path .= $this->addContourToPath($points, $firstIndex, $count);
+        $firstIndex = $i + 1;
+        $count = 0;
+      }
+    }
+    
+    return $path;
+  }
+  
+  protected function addContourToPath($points, $startIndex, $count) {
+    $offset = 0;
+    $path = "";
+    
+    while($offset < $count) {
+      $point_m1 = $points[ ($offset == 0) ? ($startIndex+$count-1) : $startIndex+($offset-1)%$count ];
+      $point    = $points[ $startIndex + $offset%$count ];
+      $point_p1 = $points[ $startIndex + ($offset+1)%$count ];
+      $point_p2 = $points[ $startIndex + ($offset+2)%$count ];
+      
+      if($offset == 0) {
+        $path .= "M{$point['x']},{$point['y']} ";
+      }
+      
+      if ($point["onCurve"] && $point_p1["onCurve"]) {
+        $path .= "Q{$point_p1['x']},{$point_p1['y']} ";
+        $offset++;
+      } 
+      else if ($point["onCurve"] && !$point_p1["onCurve"] && $point_p2["onCurve"]){
+        $path .= "Q{$point_p1['x']},{$point_p1['y']},{$point_p2['x']},{$point_p2['y']} ";
+        $offset += 2;
+      } 
+      else if ($point["onCurve"] && !$point_p1["onCurve"] && !$point_p2["onCurve"]){
+        $path .= "Q{$point_p1['x']},{$point_p1['y']},".$this->midValue($point_p1['x'], $point_p2['x']).",".$this->midValue($point_p1['y'], $point_p2['y'])." ";
+        $offset += 2;
+      } 
+      else if (!$point["onCurve"] && !$point_p1["onCurve"]) {
+        $path .= "Q{$point['x']},{$point['y']},".$this->midValue($point['x'], $point_p1['x']).",".$this->midValue($point['y'], $point_p1['y'])." ";
+        $offset++;
+      } 
+      else if (!$point["onCurve"] && $point_p1["onCurve"]) {
+        $path .= "Q{$point['x']},{$point['y']},{$point_p1['x']},{$point_p1['y']} ";
+        $offset++;
+      } 
+      else {
+        break;
+      }
+    }
+    
+    $path .= "z ";
+    
+    return $path;
+  }
+  
+  function midValue($a, $b){
+    return $a + ($b - $a)/2;
+  }
 }

www/js/glyph.js

@@ -8,6 +8,10 @@ var Glyph = {
     return a + (b - a)/2;
   },
 
+  splitPath: function(path) {
+  	return path.match(/([a-z])|(-?\d+(?:\.\d+)?)/ig);
+  },
+  
   addContourToPath: function(ctx, points, startIndex, count) {
     ctx.beginPath();
 
@@ -120,6 +124,10 @@ var Glyph = {
       ctx.stroke();
     ctx.restore();
 
+    if (!shape) {
+      return;
+    }
+    
     // glyph bounding box
     ctx.beginPath();
     ctx.strokeStyle = "rgba(0,0,0,0.3)";