Phương thức strokeText

Phương thức strokeText vẽ viền của văn bản trên canvas. Tham số đầu tiên nhận vào văn bản để vẽ, còn tham số thứ hai và thứ ba là tọa độ của văn bản đó trên canvas. Kích thước và kiểu phông chữ được đặt bằng thuộc tính font.

Cú pháp

javascriptngữ cảnh.strokeRect(văn bản, x, y);

Ví dụ

Hãy vẽ viền văn bản bằng strokeRect, đặt kích thước là 30px và kiểu Arial:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.strokeText('Hello world', 30, 50);

Результат:

Xem thêm

  • phương thức fillText,
    vẽ văn bản thông thường
  • thuộc tính font,
    đặt kích thước và kiểu phông chữ