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

【问题标题】：Does HTML5 Canvas pixel size depend on the canvas size?HTML5 Canvas 像素大小是否取决于画布大小？
【发布时间】：2011-08-26 18:29:36
【问题描述】：

我正在使用 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;
}

笔画宽度和高度也加倍！什么给了？

【问题讨论】：

标签： html canvas

【解决方案1】：

CSS 仅确定其可见大小。更改 HTML 中的 width 和 height 属性以调整组成它的实际像素数。如果在 HTML 中是 100x100，而在 CSS 中是 200x200，它将在视觉上缩放 2X。

【讨论】：

【解决方案2】：

在这里回答：Resize HTML5 canvas to fit window

【讨论】：