fixes in emoji rendering

2025-09-19 02:37:59 +08:00 · 2024-12-23 12:29:30 -05:00
parent f2ed14fa08
commit adba0073e3
2 changed files with 61 additions and 18 deletions
--- a/test/unit/Text-test.ts
+++ b/test/unit/Text-test.ts
@@ -161,6 +161,35 @@ describe('Text', function () {
    context.fillStyle = 'darkgrey';
    context.fillText('😬👧🏿', 10, 10 + 25);

+    compareLayerAndCanvas(layer, canvas, 254, 100);
+  });
+
+  it('check emoji rendering', function () {
+    var stage = addStage();
+    var layer = new Konva.Layer();
+
+    var text = new Konva.Text({
+      text: '😁😁😁',
+      x: 10,
+      y: 10,
+      fontSize: 20,
+      draggable: true,
+      width: 65,
+      fill: 'black',
+      scaleY: 0.9999999999999973,
+    });
+
+    layer.add(text);
+    stage.add(layer);
+
+    var canvas = createCanvas();
+    var context = canvas.getContext('2d');
+    context.textBaseline = 'middle';
+    context.font = 'normal normal 20px Arial';
+    context.fillStyle = 'black';
+    context.fillText('😁😁', 10, 10 + 10);
+    context.fillText('😁', 10, 10 + 30);
+
    compareLayerAndCanvas(layer, canvas, 254);
  });