2015-04-23 3 views
4

Я нарисовал круг, используя 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(); 
}); 
+2

Установить цвет обводки равным цвет заливки? – Amadan

+0

@ Амадан либо тот, либо прозрачный –

ответ

9

Ответ прост: просто перенесите 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(); 
+1

, который творит чудеса. Благодарю. –

Смежные вопросы