一尘不染

通过CSS的HTML5 Canvas大小与元素属性

html

我不明白为什么以下代码段会产生不同的结果,因为CSS会在画布放大时缩放画布,

<style>
#canvas {
    width: 800px;
    height: 600px;
}
</style>
<canvas id="canvas"></canvas>

与这种方法相反(按预期工作):

<canvas id="canvas" width="800px" height="600px"></canvas>

阅读 254

收藏
2020-05-10

共1个答案

一尘不染

canvas元素的固有尺寸等于坐标空间的大小,其数字以CSS像素表示。但是,可以通过样式表任意设置元素的大小。
在渲染期间,将图像缩放以适合此布局大小

2020-05-10