首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >canvas.width和canvas.clientWidth有什么区别?

canvas.width和canvas.clientWidth有什么区别?
EN

Stack Overflow用户
提问于 2021-03-27 20:44:09
回答 1查看 1.6K关注 0票数 3

我正在学习three.js,在一个示例中,作者创建了一个画布元素,然后将呈现器绑定到该画布元素。

代码语言:javascript
运行
复制
 <canvas id="c">
 </canvas>

const renderer = new THREE.WebGLRenderer({canvas});

然后,他获取画布元素,并将其存储到一个带有canvas = renderer.domElement;的变量中。

canvas.widthcanvas.clientWidth有什么区别?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-27 22:18:09

差异来自于HTMLCanvasElement (<canvas/>)规范。width属性特定于HTMLCanvasElement,表示由画布的一行存储的“逻辑像素数”。另一方面,clientWidth属性是所有元素都是共同的,表示画布水平占用的像素数。这些不一定是相同的--例如,为了提高性能或支持devicePixelRatio >1 (如高密度显示器),通常在画布中以比页面上的空间更高或更低的分辨率绘制画布。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66835903

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档