wish of those help Remove the shape-rendering="crispEdges" attribute from
the svg tag (line 6 in your svg) Browsers usually switch off anti-aliasing
when shape-rendering="crispEdges" - and that's what's needed in this
situation. Use an other value fo
it should still fix some issue You can compute the length of the text using
and then you can resize the rect that depends on the textLength. You can
call resize fun
this one helps. specifying an x or y attribute makes the tspan be
absolutely positioned so it is as if it exists on its own rather than as a
part of the container.setting dy="2" rather than y="2" will achieve the
effect you want.
Hope that helps SVG does not work like HTML in the DOM. SVG is namespaced.
The browser uses a HTML parser to parse the HTML in the webpage. And the
browser will also use the XML parser for the SVG markup on the webpage. So
they are treated differentl