HTML5画布的像素大小是否取决于画布的尺寸？

Question

10

我正在使用HTML5画布绘制简单的线条：

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

当我的canvas CSS从以下状态发生改变：

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

到

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

描边的宽度和高度也翻倍了！这是怎么回事？

- atp

2个回答

0

- karatedog

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrea · Accepted Answer

CSS仅决定其可见大小。在HTML中更改width和height属性以调整实际的像素数。如果在HTML中为100x100，在CSS中为200x200，则将通过2倍缩放进行视觉显示。