HTML5 Canvas像素大小是否取决于画布大小？

Question

我画简单的线条与HTML5画布：

context = $('canvas')[0].getContext('2d'); 
context.moveTo(150, 20); 
context.lineTo(300, 20); 
context.stroke(); 

当从我的画布CSS变化：

canvas { 
    width: 500px; 
    height: 500px; 
} 

到

canvas { 
    width: 1000px; 
    height: 1000px; 
} 

笔划的宽度和高度也增加一倍！是什么赋予了？

Answer 1

CSS的唯一决定其可见大小。更改HTML中的width和height属性以调整构成它的像素的实际数量。如果在HTML中它是100x100，并且在CSS 200x200中，它将被可视化地缩放2倍。

Answer 2

在这里找到答案：Resize HTML5 canvas to fit window