2017-06-07 9 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単位のタイプ、例えば 'width =" 300 "'のようなポストフィックスであってはなりません。 bad 'width =" 300vw "'解像度は画像に含まれるピクセル数です。 'canvas.style.width'&' canvas.style.height'は、表示サイズ(キャンバスがページ上に占めるスペース量)を設定し、キャンバスの解像度には依存しません。表示サイズは、有効なCSS単位のいずれかにする必要があります。 – Blindman67

答えて

0

height=""width=""ですがHTMLで、 "ビューの高さ" や "ビューの幅"、唯一の固定サイズを使用しないでください。

vhおよびvwは、CSSでのみ使用されます。

関連する問題