Thuộc tính HTML <canvas> width
Thí dụ
Phần tử <canvas> có chiều cao và chiều rộng là 200 pixel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc widthtính chỉ định chiều rộng của
<canvas>phần tử, tính bằng pixel.
Mẹo: Sử dụng height
thuộc tính để chỉ định chiều cao của
<canvas>phần tử, tính bằng pixel.
Mẹo: Mỗi khi chiều cao hoặc chiều rộng của canvas được đặt lại, nội dung canvas sẽ bị xóa (xem ví dụ ở cuối trang).
Mẹo: Tìm hiểu thêm về
<canvas>phần tử trong
Hướng dẫn HTML Canvas của chúng tôi .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Cú pháp
<canvas width="pixels">
Giá trị thuộc tính
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
Các ví dụ khác
Thí dụ
Xóa canvas bằng cách đặt thuộc tính width hoặc height (sử dụng JavaScript):
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ Thẻ HTML <canvas>