html – How to draw an SVG on canvas with javascript?

How can I draw this svg on a canvas with javascript?


   
   Sorry, your browser does not support inline SVG.
 

Note: Answers in this and that post will only provide a solution if you have an external SVG. My requirement is to draw several SVGs on canvas (or anything else) with variable X, Y, radius and color