您的位置:首页 > 其它

canvas绘制直线时颜色填不上去的问题及如何开始绘制扇形举例

2016-08-26 11:45 337 查看
//绘制直线,写方法stroke和strokeStyle的顺序调整一下,如下面的例子:

ctx.beginPath();
console.log("开始");
ctx.moveTo(50,80);
ctx.lineTo(280,200);
ctx.lineWidth=10;
//    ctx.stroke(); 放在这里不行,应该放在strokeStyle后面。
ctx.strokeStyle="#0ff000";
ctx.stroke();
//绘制扇形举例
    ctx.beginPath();ctx.arc(200,200,50,0,Math.PI,false);//    ctx.fillStyle="#0000ff";//    ctx.fill();//让绘制执行-实心的 
//ctx.fill();让绘制执行,这句代码不能少,否则图形出不来
ctx.strokeStyle="#0000ff"; ctx.stroke(); //空心的图形

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐