Can we type any thing on a shape created using svg or canvas on html pls guide if possible

Answer 1

In svg text let's you do that

Answer 2

Use <text> tag in svg
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/text

Answer 3

you could also use html/svg/canvas as layers and stack them ;)