Better unicode support in Konva.Text and Konva.TextPath. Emoji should work better now 👍. fix #690

test/unit/shapes/Text-test.js

@@ -137,6 +137,31 @@ suite('Text', function () {
     compareLayerAndCanvas(layer, canvas, 254);
   });
 
+  test('check emoji with letterSpacing', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var text = new Konva.Text({
+      x: 10,
+      y: 10,
+      text: '😬',
+      fontSize: 50,
+      letterSpacing: 1,
+    });
+
+    layer.add(text);
+    stage.add(layer);
+
+    var canvas = createCanvas();
+    var context = canvas.getContext('2d');
+    context.textBaseline = 'middle';
+    context.font = 'normal normal 50px Arial';
+    context.fillStyle = 'darkgrey';
+    context.fillText('😬', 10, 10 + 25);
+
+    compareLayerAndCanvas(layer, canvas, 254);
+  });
+
   test('text cache with fill and shadow', function () {
     var stage = addStage();
     var layer1 = new Konva.Layer();

test/unit/shapes/TextPath-test.js

@@ -315,6 +315,31 @@ suite('TextPath', function () {
     assert.equal(layer.getContext().getTrace(true), trace);
   });
 
+  test('Text path with emoji', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var c = 'M10,10 300, 10';
+
+    var textpath = new Konva.TextPath({
+      fill: 'black',
+      fontSize: 10,
+      fontFamily: 'Arial',
+      letterSpacing: 5,
+      text: '😬',
+      align: 'center',
+      data: c,
+    });
+
+    layer.add(textpath);
+    stage.add(layer);
+
+    var trace =
+      'clearRect(0,0,578,200);save();transform(1,0,0,1,0,0);font=normal normal 10px Arial;textBaseline=middle;textAlign=left;save();save();translate(144.438,10);rotate(0);fillStyle=black;fillText(😬,0,0);restore();restore();restore();';
+
+    assert.equal(layer.getContext().getTrace(), trace);
+  });
+
   test.skip('Text path with center align - arc', function () {
     var stage = addStage();
     var layer = new Konva.Layer();