offline version v3


259 of 264 menu

strokeText method

The strokeText method draws a text outline on the canvas. The first parameter takes the text to be drawn, and the second and third parameters are the coordinates of this text on the canvas. The font size and type are set using the font property.

Syntax

context.strokeRect(text, x, y);

Example

Let's draw a text stroke with strokeRect, size of 30px and Arial type:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas> let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.font = '30px Arial'; ctx.strokeText('Hello world', 30, 50);

:

See also

  • the fillText method
    that draws a plain text
  • the font property
    that sets the font size and type
enru