DDJay Posted June 28, 2021 Share Posted June 28, 2021 Hi all im having trouble changing the colour of indiviual words in textpath. ive tried split text, but it doesnt render in textpath. Any suggstions to update/highlight the text? I see colourStop which is for gradients, would be be better to have the text-words as individual svg outlines? See the Pen MWpNqeo by DDjay (@DDjay) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted June 28, 2021 Share Posted June 28, 2021 Ah, yeah, splitText is for HTML text not SVG I'm afraid. Can you manually put the text into tspan's in the SVG or are you fetching it dynamically? https://developer.mozilla.org/en-US/docs/Web/SVG/Element/tspan 1 Link to comment Share on other sites More sharing options...
mikel Posted June 28, 2021 Share Posted June 28, 2021 SVG tspan requires fine work. So here just for fun SplitText. See the Pen rNmNjWB by mikeK (@mikeK) on CodePen This example from PETE could help you also. https://codepen.io/petebarr/details/QWWMgyE Happy tweening ... Mikel 3 Link to comment Share on other sites More sharing options...
DDJay Posted June 28, 2021 Author Share Posted June 28, 2021 Thanks Cassie and Mikel probably motionpath and split text is the way to go. 👍 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now