关于JavaScript画图，圆变成椭圆

Question

我用JavaScript开发metro应用，在html里定义了

 <canvas id="sss" style="height:480px;width:480px;"></canvas>

canvas，然后用以下js代码

 var can1 = document.getElementById("sss");
        var cxt = can1.getContext("2d");

 cxt.strokeStyle = "#FF0000";
        cxt.beginPath();
        cxt.arc(120,60, 50, 0, Math.PI * 2, true);
        cxt.closePath();
        cxt.stroke();

我是打算画一个圆的，结果运行后画出来变成椭圆了，问题出在哪？请高手指点下。

Answer 1

直接设置Canvas的高和宽，忽略CSS的样式中的值：

<canvas id="sss" height="480" width="480" ></canvas>

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us

Answer 2

太感谢了，困扰了我多天的问题，谢谢！！！！！！！！！！！！！！