fix: correct fret label position when fretLabelPosition is LEFT

Alignment.RIGHT was passing 'right' as SVG text-anchor which is invalid.
Map it to 'end' instead. Also remove the 1/sizeMultiplier hack that was
compensating for the broken alignment.

Fixes #126

Author: chrispaulintheory

src/renderer/svgjs/svg-js-renderer.ts

@@ -85,7 +85,7 @@ export class SvgJsRenderer extends Renderer {
         .font({
           family: fontFamily,
           size: fontSize,
-          anchor: alignment,
+          anchor: alignment === Alignment.RIGHT ? 'end' : alignment,
           'dominant-baseline': 'central',
         })
         .fill(color)
@@ -97,7 +97,7 @@ export class SvgJsRenderer extends Renderer {
         .font({
           family: fontFamily,
           size: fontSize,
-          anchor: alignment,
+          anchor: alignment === Alignment.RIGHT ? 'end' : alignment,
         })
         .fill(color)
         .addClass(Renderer.toClassName(classes))

src/svguitar.ts

@@ -814,7 +814,7 @@ export class SVGuitarChord {
         } else {
           const svgText = this.renderer.text(
             text,
-            1 / sizeMultiplier + startX - padding,
+            startX - padding,
             y,
             size * sizeMultiplier,
             color,