For html canvas, how to use clip() with a text as a path?

Question

I wrote the following code which is similar to my objective but falls short; because I want to fill inside the text in multiple colors; currently only in #FF00FF.

Pla