为什么我按照老师的代码，显示出边框显示不出圆-慕课网

首页课程实战体系课手记专栏慕课教程

为什么我按照老师的代码，显示出边框显示不出圆

来源：3-1 Canvas 时钟外边框圆

形式扰人

2017-06-15 14:12

<body>

<div>

</div>

var dom=document.getElementById('clock');

var ctx=dom.getContext('2d'); //返回一个用于在画布上绘图的环境。

var width=ctx.canvas.width; //宽

var height=ctx.canvas.height; //高

var r=width/2; //对应的半径

function drawBackgroud{

ctx.translate(r.r); //重新映射布上的（0，0）位置

ctx.beginPath(); //起始一条路径，或重置

ctx.lineWidth=10; //定义宽度10px

ctx.arc(0,0,r,0,2*Math.PI,false); //创建弧/曲线（圆形或分圆）

ctx.stroke(); //绘制已定义的路径

}

drawBackgroud();

</script>

</body>

我的是内置的，360和谷歌都是这样

写回答关注

Canvas 绘制时钟

canvas画出漂亮的时钟，通过本教程能重新掌握一些几何知识

49750 学习 · 160 问题

相似问题

回答 3

回答 3

回答 2

回答 1

回答 1