làm thế nào để thay đổi kích thước của html5 vải mà không có nó rộng nội dung

Question

tôi init canvas của tôi như thế này:

<canvas id="canvasDiv" width="20" height="20"></canvas> 

và đâu đó trong đoạn code tôi muốn thay đổi kích thước đó là kích thước cuối cùng:

var canvas = document.getElementById("canvasDiv"); 
canvas.style.width = 200; 
canvas.style.height = 100; 

Tuy nhiên, bất kỳ pixel nào tôi vẽ trên canvas của tôi đều được chia tỷ lệ (vì vậy nó không còn 1 pixel nữa).

Làm cách nào để thay đổi kích thước của canvas mà không có hiệu ứng mở rộng này? (Vì vậy, lập trình)

Answer 1

Tôi nghĩ rằng bạn chỉ cũng cần phải thiết lập các thuộc chiều rộng & chiều cao của nó:

canvas.width = 200; 
canvas.height = 100;