Javascript 画布在我的网站上画错了方向

我有一个画布绘制的问题，这是我的代码来绘制时钟，但当我在我的网站上编码时，它绘制错误的方式。我不知道为什么

var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
var半径=75；
平移（半径，半径）；
半径=半径*0.90
挂钟（）；
函数drawClock（）{
弧（0，0，半径，0，2*Math.PI）；
ctx.fillStyle=“白色”；
ctx.fill（）；
}

#画布{
宽度：15vw；
高度：15vw；
背景色：红色；
位置：固定；
左：80%；
顶部：50px；
}

---

您需要启动中间的

.arc

。此外，您必须使用

canvassement.width=

或

在画布上设置宽度和高度，而不使用CSS或

canvassement.style.width=

：

var canvas=document.getElementById（'can'），ctx=canvas.getContext（'2d'），sz=75；
ctx.fillStyle='#fff'；弧（sz，sz，sz，0，数学π*2）；ctx.fill（）
画布{
背景：#f00；
}