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štinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣTürkmenTürkçeЎзбекOʻzbekTiếng Việt
เราใช้คุกกี้สำหรับการทำงานของเว็บไซต์ การวิเคราะห์ และการปรับเนื้อหาให้เหมาะสมส่วนบุคคล การประมวลผลข้อมูลเกิดขึ้นตาม นโยบายความเป็นส่วนตัว.
ยอมรับทั้งหมด ปรับแต่ง ปฏิเสธ