qq_天使的微笑_0
2016-12-26 18:18
没有出来圆的效果
你的那个 ctx.src(0,0,r,0,2*Math.PI,false)少了一个起始角度0,你在好好对比一下
我的也是
老师,画不出圆呀。好着急
你可能引入js文件的时候放在head里面了,你应该放在canvas后面的,要先加载画布,然后才会识别getContext,执行的时候,会从上至下的进行,所以如果放在前面的话,就识别不到有这个getContext
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 drawBackground(){
ctx.save();
ctx.translate(r,r);
ctx.beginPath();//路径起始
ctx.lineWidth=8;
ctx.arc(0,0,r-5,0,2*Math.PI,false);//圆的中心x坐标,圆的中心y坐标,半径,起始角,结束角,顺时针
ctx.stroke();//绘制已定义的路径
}
drawBackground();
自己对比下~ 我的是好用的
width变量写错了 wdith/2
是这个代码
Canvas 绘制时钟
49750 学习 · 160 问题
相似问题