2017-06-07 60 views
0

是什么呈现大小(宽度和高度)和显示尺寸(style.width和style.height)是什么呈现大小和显示尺寸之间的差

即使当我改变之间的差它px它仍然不一样。

这些是例子 https://codepen.io/chartjs/pen/oWLZaR

<canvas id="chart_0" height="40vw" width="80vw"></canvas> 

https://codepen.io/chartjs/pen/WjxpmO

<canvas id="chart_0" style="height:40vh; width:80vw"> 
+0

[HTML中的样式宽度和宽度属性可能重复](https://stackoverflow.com/questions/26373726/style-width-vs-width-attribute-in-html) –

+1

'canvas.width'&' canvas.height'设置的分辨率,并且总是以像素为单位,不应使用CSS单元类型(例如good'width =“300”'')进行后期修正。 bad'width =“300vw”'分辨率是图像包含的像素数量。 'canvas.style.width'&'canvas.style.height'设置显示尺寸(画布在页面上占用的空间量)并且独立于画布分辨率。显示大小必须在任何有效的CSS单位中。 – Blindman67

回答

0

height=""width=""是HTML,并且不使用 “视图高度” 或 “视图宽度”,唯一的固定尺寸。

vhvw仅用于CSS。

相关问题