Update line height to 1.5 times font size

Author: pearmini

src/pretext/index.js

@@ -43,7 +43,7 @@ export function layoutTextInPath({
   path,
   angle = 0,
   prepared = prepareMemo(text, {fontSize, fontFamily, fontStyle, fontVariant, fontWeight}),
-  lineHeight = parseFloat(fontSize) * 1.25,
+  lineHeight = parseFloat(fontSize) * 1.5,
   repeat = true,
 }) {
   const points = pointsOnPath(path);

test/output/pretextCirclePath.html

@@ -21,42 +21,34 @@
   <line
     stroke="black"
     stroke-width="1"
-    x1="140"
-    x2="260"
-    y1="70"
-    y2="70"
+    x1="136"
+    x2="264"
+    y1="74"
+    y2="74"
   />
   <line
     stroke="black"
     stroke-width="1"
-    x1="120"
-    x2="280"
-    y1="90"
-    y2="90"
+    x1="115"
+    x2="285"
+    y1="98"
+    y2="98"
   />
   <line
     stroke="black"
     stroke-width="1"
-    x1="109"
-    x2="291"
-    y1="110"
-    y2="110"
-  />
-  <line
-    stroke="black"
-    stroke-width="1"
-    x1="102"
-    x2="298"
-    y1="130"
-    y2="130"
+    x1="104"
+    x2="296"
+    y1="122"
+    y2="122"
   />
   <line
     stroke="black"
     stroke-width="1"
     x1="100"
     x2="300"
-    y1="150"
-    y2="150"
+    y1="146"
+    y2="146"
   />
   <line
     stroke="black"
@@ -69,26 +61,26 @@
   <line
     stroke="black"
     stroke-width="1"
-    x1="108"
-    x2="292"
-    y1="190"
-    y2="190"
+    x1="110"
+    x2="290"
+    y1="194"
+    y2="194"
   />
   <line
     stroke="black"
     stroke-width="1"
-    x1="120"
-    x2="280"
-    y1="210"
-    y2="210"
+    x1="126"
+    x2="274"
+    y1="218"
+    y2="218"
   />
   <line
     stroke="black"
     stroke-width="1"
-    x1="139"
-    x2="261"
-    y1="230"
-    y2="230"
+    x1="160"
+    x2="240"
+    y1="242"
+    y2="242"
   />
   <text
     dominant-baseline="central"
@@ -98,7 +90,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(172, 70) rotate(0)"
+    transform="translate(168, 74) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -110,9 +102,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(236, 70) rotate(0)"
+    transform="translate(236, 74) rotate(0)"
   >
-    AGI 春天
+    AGI 春天到
   </text>
   <text
     dominant-baseline="central"
@@ -122,9 +114,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(128, 90) rotate(0)"
+    transform="translate(119, 98) rotate(0)"
   >
-    到了
+    了
   </text>
   <text
     dominant-baseline="central"
@@ -134,7 +126,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(176, 90) rotate(0)"
+    transform="translate(163, 98) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -146,7 +138,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(248, 90) rotate(0)"
+    transform="translate(235, 98) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -158,7 +150,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(141, 110) rotate(0)"
+    transform="translate(136, 122) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -170,7 +162,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(213, 110) rotate(0)"
+    transform="translate(208, 122) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -182,9 +174,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(265, 110) rotate(0)"
+    transform="translate(272, 122) rotate(0)"
   >
-    AGI
+    AGI 春天
   </text>
   <text
     dominant-baseline="central"
@@ -194,9 +186,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(118, 130) rotate(0)"
+    transform="translate(108, 146) rotate(0)"
   >
-    春天到了
+    到了
   </text>
   <text
     dominant-baseline="central"
@@ -206,7 +198,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(174, 130) rotate(0)"
+    transform="translate(156, 146) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -218,7 +210,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(246, 130) rotate(0)"
+    transform="translate(228, 146) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -230,9 +222,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(132, 150) rotate(0)"
+    transform="translate(280, 146) rotate(0)"
   >
-    AGI 春天到了
+    AGI
   </text>
   <text
     dominant-baseline="central"
@@ -242,9 +234,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(204, 150) rotate(0)"
+    transform="translate(118, 170) rotate(0)"
   >
-    AGI 春天到了
+    春天到了
   </text>
   <text
     dominant-baseline="central"
@@ -254,9 +246,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(272, 150) rotate(0)"
+    transform="translate(174, 170) rotate(0)"
   >
-    AGI 春天到
+    AGI 春天到了
   </text>
   <text
     dominant-baseline="central"
@@ -266,9 +258,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(106, 170) rotate(0)"
+    transform="translate(246, 170) rotate(0)"
   >
-    了
+    AGI 春天到了
   </text>
   <text
     dominant-baseline="central"
@@ -278,7 +270,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(150, 170) rotate(0)"
+    transform="translate(142, 194) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -290,7 +282,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(222, 170) rotate(0)"
+    transform="translate(214, 194) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -302,7 +294,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(274, 170) rotate(0)"
+    transform="translate(266, 194) rotate(0)"
   >
     AGI
   </text>
@@ -314,7 +306,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(124, 190) rotate(0)"
+    transform="translate(142, 218) rotate(0)"
   >
     春天到了
   </text>
@@ -326,31 +318,7 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(180, 190) rotate(0)"
-  >
-    AGI 春天到了
-  </text>
-  <text
-    dominant-baseline="central"
-    font-family="Inter"
-    font-size="16px"
-    font-style="normal"
-    font-variant="normal"
-    font-weight="normal"
-    text-anchor="middle"
-    transform="translate(252, 190) rotate(0)"
-  >
-    AGI 春天到了
-  </text>
-  <text
-    dominant-baseline="central"
-    font-family="Inter"
-    font-size="16px"
-    font-style="normal"
-    font-variant="normal"
-    font-weight="normal"
-    text-anchor="middle"
-    transform="translate(152, 210) rotate(0)"
+    transform="translate(198, 218) rotate(0)"
   >
     AGI 春天到了
   </text>
@@ -362,21 +330,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(224, 210) rotate(0)"
+    transform="translate(250, 218) rotate(0)"
   >
-    AGI 春天到了
-  </text>
-  <text
-    dominant-baseline="central"
-    font-family="Inter"
-    font-size="16px"
-    font-style="normal"
-    font-variant="normal"
-    font-weight="normal"
-    text-anchor="middle"
-    transform="translate(272, 210) rotate(0)"
-  >
-    AG
+    AGI
   </text>
   <text
     dominant-baseline="central"
@@ -386,9 +342,9 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(163, 230) rotate(0)"
+    transform="translate(176, 242) rotate(0)"
   >
-    I 春天到了
+    春天到了
   </text>
   <text
     dominant-baseline="central"
@@ -398,8 +354,8 @@
     font-variant="normal"
     font-weight="normal"
     text-anchor="middle"
-    transform="translate(227, 230) rotate(0)"
+    transform="translate(220, 242) rotate(0)"
   >
-    AGI 春天到了
+    AGI 春
   </text>
 </svg>