259 of 264 menu

Μέθοδος strokeText

Η μέθοδος strokeText σχεδιάζει το περίγραμμα του κειμένου σε canvas. Ως πρώτη παράμετρο δέχεται το κείμενο για σχεδίαση, και ως δεύτερη και τρίτη - τις συντεταγμένες αυτού του κειμένου στον καμβά του canvas. Το μέγεθος και ο τύπος γραμματοσειράς ορίζονται χρησιμοποιώντας την ιδιότητα font.

Σύνταξη

context.strokeRect(κείμενο, x, y);

Παράδειγμα

Ας σχεδιάσουμε το περίγραμμα ενός κειμένου χρησιμοποιώντας την strokeRect, ορίζοντάς του μέγεθος 30px και τύπο 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);

:

Δείτε επίσης

  • η μέθοδος fillText,
    που σχεδιάζει συνηθισμένο κείμενο
  • η ιδιότητα font,
    που ορίζει το μέγεθος και τον τύπο της γραμματοσειράς
Ελληνικά
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Χρησιμοποιούμε cookie για τη λειτουργία του ιστότοπου, την ανάλυση και την εξατομίκευση. Η επεξεργασία των δεδομένων γίνεται σύμφωνα με την Πολιτική Απορρήτου.
αποδοχή όλων ρύθμιση απόρριψη