Ví dụ và cách sử dụng thuộc tính lineWidth property để thiết lập hoặc trả về độ rộng của đường kẻ hiện tại, tính bằng pixels.

lineWidth trong Canvas

Code:

<!DOCTYPE html>

<html>

<body>

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.</canvas>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.lineWidth = 10;

ctx.strokeRect(20, 20, 80, 100);

</script>

</body>

</html>

Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.

Thuộc tính
lineWidth	4.0	2.0	9.0	3.1	9.0

Thuộc tính lineWidth property dùng để thiết lập hoặc trả về độ rộng của đường kẻ hiện tại, tính bằng pixels.

Giá trị mặc định: 1

Cú pháp JavaScript: context.lineWidth=number;

Giá trị	Miêu tả
number	Độ rộng của đường kẻ hiện tại, tính bằng pixels

WebVN Cộng đồng web Việt Nam