试图在画布上删除弧的边框

Question

我使用HTML画布arc方法绘制了一个圆圈，但我想删除圆圈的边框。我试图设置lineWidth = 0但它似乎不起作用。有没有办法在画布中删除圆圈的边框？

$(document).ready(function() {
    pie_chart = $('#pie_chart');
    var p = pie_chart[0].getContext('2d');

    var canvas_width = pie_chart.width();
    var canvas_height = pie_chart.height();

    p.beginPath();
    p.arc(canvas_width/2, canvas_height/2, 150, 0 , Math.PI * 2);
    p.lineWidth = 0;
    p.stroke();
    p.fillStyle = '#777';
    p.fill();
});

Answer 1

简单的答案是：只需删除stroke()电话：

p.beginPath();
p.arc(canvas_width/2, canvas_height/2, 150, 0 , Math.PI * 2);
p.lineWidth = 0;
//p.stroke();
p.fillStyle = '#777';
p.fill();