Thuộc tính direction

Thuộc tính direction thiết lập hướng văn bản, được vẽ bằng phương thức fillText hoặc phương thức strokeText. Nhận một trong các giá trị có thể: ltr (trái sang phải), rtl (phải sang trái), inherit (kế thừa). Giá trị mặc định là inherit (đối với tiếng Ả Rập và tiếng Do Thái sẽ là rtl, vì ở đó viết từ phải sang trái, còn đối với tất cả các ngôn ngữ khác - ltr).

Cú pháp

context.direction = ltr hoặc rtl hoặc inherit;

Ví dụ

Hãy viết một đoạn văn bản và đặt cho nó các hướng khác nhau bằng cách sử dụng thuộc tính direction:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.font = "16px arial";
ctx.fillText("text1", 150, 50);
ctx.direction = "rtl";
ctx.fillText("text1", 50, 120);

Xem thêm

thuộc tính textBaseline,
căn chỉnh văn bản theo chiều dọc
thuộc tính textAlign,
căn chỉnh văn bản theo chiều ngang