2011-06-03 12 views
15

मैं कैनवास तत्व पर एक प्रकार का पाई-चार्ट आकार बनाने की कोशिश कर रहा हूं, हालांकि मुझे ऐसा कोई फ़ंक्शन नहीं मिल रहा है जो स्वयं ही करता है। मैं केवल पूर्ण सर्किल और सेगमेंट खींचने में सक्षम हूं। क्या इसे करने का कोई आसान तरीका है?एचटीएमएल 5 कैनवास पर सर्कल सेक्टर कैसे आकर्षित करें?

(यह भी देखें: Wikipedia on circle terminology)

उत्तर

30

निम्नलिखित काम करना चाहिए: cx, cy चाप के केंद्र होने के साथ

context.moveTo(cx,cy); 
context.arc(cx,cy,radius,startangle,endangle); 
context.lineTo(cx,cy); 
context.stroke(); // or context.fill() 

+7

मार्टिन का सही विचार है, यदि आप वास्तव में खो गए हैं तो यहां एक कामकाजी उदाहरण है: http://jsfiddle.net/3VB68/ –

+1

बस एक एफवाईआई, कोण यहां रेडियंस में हैं। – Chipmunk

+0

'context.beginPath()'/'context.closePath()' के बारे में क्या? 'ClearRect()' जैसी कुछ चीज़ें उनके बिना काम करना बंद कर देंगी – tigrou

संबंधित मुद्दे