html and Svg to Canvas javascript

Answer 1

You can create your own innerHTML, like the following setSVG： enter image description here

In fact, you only need to pay attention to two steps: creating the SVG context label and setting properties (with context)

createElementNS and setAttributeNS are two methods you may need！

Common namespaces are as follows:

• svg:http://www.w3.org/2000/svg

• xhtml:http://www.w3.org/1999/xhtml

• xlink:http://www.w3.org/1999/xlink

• xml:http://www.w3.org/XML/1998/namespace

• xmlns:http://www.w3.org/2000/xmlns/