Felipe Posted January 29, 2014 Share Posted January 29, 2014 Hello everyone, I was wondering if it's possible to fill text and then stroke text on the outside ?I am having problems with the default way of just making the line width twice the size, stroke the text and finally fill it, but I get this: Thanks! Quote Link to comment Share on other sites More sharing options...
OzRamos Posted February 8, 2014 Share Posted February 8, 2014 I'm not sure about Canvas, but with CSS you have a few methods: You can just stack text-shadows with 0 blur: http://jsfiddle.net/cW8r9/For this one you'll need to add more shadows to fill in the gaps and make it look less choppy. If you're are only targetting webkit (for like iOS packaged app or something), you can use -webkit-text-stroke: http://css-tricks.com/examples/TextStroke/ Quote Link to comment Share on other sites More sharing options...
venam Posted February 11, 2014 Share Posted February 11, 2014 It's simple, there's the function strokeText("yourText", xposition, ypposition);.So you just fillText then strokeText and it will give the desired effect.A problem I've ran into is that black stroke on mobile browsers look yellowish. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.