Creating Curved Text With Svg And Js

I want to create curved text in SVG using Javascript. I have faced a lot of problems, specially the namespace related ones, but now everything works, a path and a circle are succes

Solution 1:

The xlink:href attribute cannot be set with setAttribute as that method can only set attributes in the null namespace and xlink:href is in the xlink namespace.

Use setAttributeNS instead and specify the xlink namespace http://www.w3.org/1999/xlink as the first argument.