javascript - CSS キャンバスの幅と高さの設定

Question

次のようなjavascriptでキャンバス要素を作成しています

Can=document.createElement("canvas");

次に、この要素の幅をセンチメートル単位で設定します。私がやっている

Can.style.width="8cm";
Can.style.height="5cm";

次のような他のcssプロパティを設定しています

Can.style.cssText = 'position:relative; top:24px; left:28px; border-radius:30px; float:left; cursor:pointer; box-shadow: 0px 0px 2px 2px black; background-color:#cdcdcd';

しかし、それは設定されていません。何が問題なの？これを行う方法？

Answer 1

キャンバスのサイズをピクセル単位で指定する必要があります。cmその後、単位として使用してキャンバスをスケーリングできます。

canvas.width = 500; // px
canvas.height = 300; // px

canvas.style.width = '5cm';
canvas.style.height = '3cm';

キャンバス内のピクセル数は、明示的/絶対的に定義する必要があります。センチメートルは相対値です。

Answer 2

使用する：

Can.width = "5px";
Can.height = "5px";

cmはお勧めしません