text with frameAnchor: bottom should be correctly aligned with the frame, not one line below

closes #1043

Author: Fil

src/marks/text.js

@@ -140,7 +140,7 @@ function applyMultilineText(selection, {monospace, lineAnchor, lineHeight, lineW
   selection.each(function (i) {
     const lines = linesof(formatDefault(T[i]));
     const n = lines.length;
-    const y = lineAnchor === "top" ? 0.71 : lineAnchor === "bottom" ? 1 - n : (164 - n * 100) / 200;
+    const y = lineAnchor === "top" ? 0.71 : lineAnchor === "bottom" ? -0.29 - n : (164 - n * 100) / 200;
     if (n > 1) {
       for (let i = 0; i < n; ++i) {
         if (!lines[i]) continue;

test/output/penguinAnnotated.svg

@@ -135,6 +135,7 @@ export {default as morleyBoxplot} from "./morley-boxplot.js";
 export {default as moviesProfitByGenre} from "./movies-profit-by-genre.js";
 export {default as musicRevenue} from "./music-revenue.js";
 export {default as ordinalBar} from "./ordinal-bar.js";
+export {default as penguinAnnotated} from "./penguin-annotated.js";
 export {default as penguinCulmen} from "./penguin-culmen.js";
 export {default as penguinCulmenArray} from "./penguin-culmen-array.js";
 export {default as penguinCulmenDelaunay} from "./penguin-culmen-delaunay.js";

test/output/seattlePrecipitationSum.svg

@@ -0,0 +1,31 @@
+import * as Plot from "@observablehq/plot";
+import * as d3 from "d3";
+
+export default async function () {
+  const penguins = await d3.csv("data/penguins.csv", d3.autoType);
+  return Plot.plot({
+    marginLeft: 75,
+    x: {insetRight: 10},
+    marks: [
+      Plot.frame(),
+      Plot.barX(
+        penguins,
+        Plot.groupY(
+          {x: "count"},
+          {
+            y: "species",
+            fill: "sex",
+            title: "sex",
+            sort: {y: "x", reverse: true}
+          }
+        )
+      ),
+      Plot.text(["Count of penguins\ngrouped by species\n and colored by sex"], {
+        frameAnchor: "bottom-right",
+        dx: -3,
+        lineHeight: 1.2,
+        fontStyle: "italic"
+      })
+    ]
+  });
+}

test/plots/index.js

@@ -10,10 +10,7 @@ export default async function () {
       Plot.rectY(weather, Plot.map({y}, {x: "date", y: "precipitation", interval: d3.utcDay})),
       Plot.textY(
         weather,
-        Plot.map(
-          {y, text},
-          {x: "date", y: "precipitation", text: "precipitation", interval: d3.utcDay, frameAnchor: "bottom", dy: -3}
-        )
+        Plot.map({y, text}, {x: "date", y: "precipitation", text: "precipitation", interval: d3.utcDay, dy: -6})
       ),
       Plot.ruleY([0])
     ]