fix: text pos in text.js

README.md

@@ -677,7 +677,6 @@ bertin.draw({
       text: "This is my text",
       position: "bottomright",
       fontSize: 20,
-      baseline: "middle",
       frame_stroke: "red",
       margin: 4
     }
@@ -698,7 +697,6 @@ bertin.draw({
 - <b>fontStyle</b>: font style. "normal", "italic", "oblique" (default: "normal")
 - <b>margin</b>: margin around the text (default: 0)
 - <b>anchor</b>: text anchor. start, middle, end (default: "start")
-- <b>baseline</b>: alignment baseline. "baseline", "middle", "hanging" (default:"hanging")
 - <b>fill</b>: text color (default: "#474342")
 - <b>stroke</b>: stroke color (default: "none")
 - <b>frame_fill</b>: frame background color (default:"none")

src/text.js

@@ -160,16 +160,14 @@ export function addtext(selection, width, height, options = {}){
       .data(txt)
       .join("text")
       .attr("x", x + margin_x)
-      //.attr("y", y - +delta + margin_y) // better but don't work with Forefox
-      .attr("y", y - +delta + margin_y + (fontSize * 3) / 4) // because alignment-baseline not implemented on Firefox
+      .attr("y", y - margin - delta + margin_y + fontsize)
       .attr("font-size", `${fontSize}px`)
       .attr("font-style", fontStyle)
       .attr("text-decoration", textDecoration)
       .attr("font-weight", fontWeight)
       .attr("font-family", fontFamily)
       .attr("dy", (d, i) => i * fontSize)
       .attr("text-anchor", anchor)
-      //.attr("alignment-baseline", "hanging") // better but don't work with Forefox
       .attr("fill", fill)
       .attr("stroke", stroke)
       .text((d) => d);