尝试删除 canvas 上的圆弧边界

Question

我用HTML canvas arc的方法画了一个圆，但是我想去掉圆的边框。我试图设置 lineWidth = 0 但它似乎不起作用。 canvas 中有没有办法去除圆圈的边框？

$(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();