canvas元素的offsetWidth

时间：2023-04-02 16:36:41 HTML

正在做一个项目，使用canvas根据canvas元素的样式大小和window.devicePixelRatio动态设置canvas元素的宽高。但是发现canvas元素的offsetWidth好像是CSS占位符的大小乘以window.devicePixelRatio。再次验证，代码如下：

body{margin:0;}。画布容器{宽度：500px；高度：500px；边距：100px自动；背景：rgba(0,0,0,0.3);}画布{显示：块；高度：100%；}document.querySelector('#text')。innerHTML=document.querySelector('.canvas-container').offsetWidth+''+document.querySelector('canvas').offsetWidth;开发用的是MBP，本机是retina屏，window.devicePixelRatio为2，发现chrome和safari都显示500、1000等项目在线，回过头来详细研究这个问题。