2015-04-23 71 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

@Amadan無論是那個或透明 –

回答

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

工作奇蹟。謝謝。 –