Thuộc tính width của <canvas> trong HTML

Giới thiệu

Thuộc tính width của phần tử <canvas> thiết lập chiều rộng của vùng vẽ tính bằng pixel. Mặc định là 300px. Lưu ý: Đây là kích thước hệ tọa độ vẽ, khác với kích thước hiển thị CSS (có thể bị scale).

Cú pháp

<canvas width="gia_tri_pixel"></canvas>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <canvas id="newCanvas" width="400" height="200" style="border:3px dashed yellow">
    Trình duyệt không hỗ trợ canvas HTML5.
  </canvas>
  <script>
    var c = document.getElementById("newCanvas");
    var ctx = c.getContext("2d");
    ctx.fillStyle = "#FF5655";
    ctx.fillRect(100, 50, 60, 100);
  </script>
</body>
</html>

Kết quả hiển thị

Canvas rộng 400px, cao 200px, viền vàng nét đứt, vẽ một hình chữ nhật đỏ.