Known Participant

Answered

Stroke text via code in HTML5 canvas

6 replies
1180 views
Translate

Good evening everyone, in the HTML5 canvas is it possible to add a stroke to a text with a line of code? as done, for example, to add a shadow:
this.shadow = new createjs.Shadow("rgba(0,0,0,0.9)",0,0,9);

thank you all so much for any help!

This topic is closed to new replies. Start a new post to keep the conversation going.

JoãoCésar17023019Correct answer

Community Expert

Hi.

Set a value bigger than 0 to the outline property. For example:

this.yourTF.outline = 2;

If needed, place two text fields over each other to keep the fill and the stroke.

Regards,

JC

JoãoCésar17023019

Correct answer

Community Expert

Hi.

Set a value bigger than 0 to the outline property. For example:

this.yourTF.outline = 2;

If needed, place two text fields over each other to keep the fill and the stroke.

Regards,

JC

Translate

N

Nick Gioia

Community Expert

This is good information JoãoCésar

Translate

N

Nick Gioia

Community Expert

Try this.

https://www.w3schools.com/tags/canvas_stroke.asp

Translate

G

Gamm SystemAuthor

Known Participant

thank you very much but maybe i misunderstood, i already have some text, i need to add an outer border to this text using code instead of converting it to shape and manually adding the stroke to each letter...

it can probably be done with a trick using a multiple shadow as well but I'm not very handy with the code in the html5 canvas

Translate

N

Nick Gioia

Community Expert

Sorry, I wasn't helpful. Hopefully, you get it figured out.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.