为什么内联方式可以指定canvas画布的分辨率，而css文件不可以呢

Question

为什么内联方式可以指定canvas画布的分辨率，而css文件不可以呢

Answer 1

<canvas> 看起来和 <img> 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上，<canvas>
标签只有两个属性—— width和height。这些都是可选的，并且同样利用 DOM properties
来设置。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。

注意: 如果你绘制出来的图像是扭曲的, 尝试在<canvas>的属性中明确规定宽和高，而不是使用CSS。

出处