HTMLキャンバスはx軸に沿ってスケールされますか？（Internet Explorerを使用して）

JavaScriptと何らかの形でInternet Explorerを使ってキャンバスオブジェクトに描画しています（私はしなければならない）、バージョン11はx軸に沿って図面を拡大/縮小します。ここでHTMLキャンバスはx軸に沿ってスケールされますか？（Internet Explorerを使用して）

は、JavaScriptコードです：

var c = document.getElementById('canvas1'); 
var ctx = c.getContext('2d'); 
ctx.beginPath(); 
ctx.arc(50, 50, 50, 0, 2 * Math.PI); 
ctx.fillStyle = '#000000'; 
ctx.lineWidth = 5; 
ctx.stroke();

あなたは円が現れることを期待します。

（。。キャンバスは小さな正方形であることだけで周囲のdiv、左側の水平ラインを気にしないでください）

EDIT：しかし、その代わりに、私は楕円を取得キャンバスのサイズは100 x 100です。

出典

2016-10-05 elementzero23

あなたは何とかこの貧弱なキャンバスにCSSで幅や高さを設定していますか？もしそうなら、今すぐ停止し、独自の 'width'と' height'属性を使用してください。 – Kaiido

'width'属性と' height'属性だけですか？または、htmlタグ内に設定する必要がある他の属性はありますか？ – elementzero23

少なくとも、それが何をするかを理解するまでは、CSSで設定しないでください。次に、あなたの文脈のアスペクト比を尊重して、常にそれを設定することを忘れないでください。他の属性は必要ありません。 – Kaiido

コメントに続いて、canvasオブジェクトの高さと幅をキャンバスタグの属性として設定します。このように：

<canvas height="200" width="400"></canvas>

詳細については、this postを参照してください。

出典

2016-10-05 14:51:05 elementzero23

HTMLキャンバスはx軸に沿ってスケールされますか？ （Internet Explorerを使用して）

答えて

関連する問題

HTMLキャンバスはx軸に沿ってスケールされますか？（Internet Explorerを使用して）