259 of 264 menu

Método strokeText

El método strokeText dibuja el contorno de texto en canvas. El primer parámetro acepta el texto para dibujar, y el segundo y tercero - las coordenadas de este texto en el lienzo del canvas. El tamaño y el tipo de fuente se establecen mediante la propiedad font.

Sintaxis

contexto.strokeRect(texto, x, y);

Ejemplo

Dibujemos el contorno de texto con la ayuda de strokeRect, estableciendo su tamaño en 30px y el tipo Arial:

<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);

:

Vea también

  • método fillText,
    que dibuja texto normal
  • propiedad font,
    que establece el tamaño y tipo de fuente
Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar