3D क्षेत्र बनाने के लिए, HTML5 कैनवास का उपयोग करें। आप अपने कोड में निम्न फ़ंक्शन का उपयोग कर सकते हैं:
फ़ंक्शन डिस्प्ले (आर) {यह बिंदु =नया ऐरे (); this.color ="नीला)" this.r =(टाइपोफ़ (आर) =="अपरिभाषित")? 20.0 :आर; this.r =(टाइपोफ़ (आर)! ="संख्या")? 20.0 :आर; यह.वर्टेक्स =0; के लिए (अल्फा =0; अल्फा <=6.28; अल्फा + =0.17) {पी =यह। बिंदु [यह। वर्टेक्स] =नया प्वाइंट 3 डी (); p.x =Math.cos(alpha) * this.r; पी.वाई =0; p.z =Math.sin(alpha) * this.r; यह.वर्टेक्स ++; }}
HTML5 में कैनवास पर भरे हुए टेक्स्ट को ड्रा करने के लिए, fillText() विधि का उपयोग करें। यहाँ fillText () विधि का सिंटैक्स है। यह दिए गए पाठ को दिए गए निर्देशांक x और y द्वारा दर्शाए गए स्थान पर भरता है। डिफ़ॉल्ट रंग काला है। fillText(text, x, y [, maxWidth ] ) fillText() विधि के पैरामीटर मान यहां द
आर्क () विधि का उपयोग HTML5 में कैनवास तत्व के साथ एक वृत्त बनाने के लिए किया जाता है। चाप () विधि वाले वृत्त के लिए, प्रारंभ कोण को 0 के रूप में और अंत कोण को 2*Math.PI के रूप में उपयोग करें। आर्क() विधि के पैरामीटर मान यहां दिए गए हैं - S. नहीं पैरामीटर विवरण 1 x x-निर्देशांक 2 y
HTML में एक रेखा खींचने के लिए, कैनवास तत्व का उपयोग करें। कैनवास के साथ, रेखा खींचने के लिए लाइनटो () विधि का उपयोग करें। लाइनटू () विधि में x और y पैरामीटर मान शामिल हैं, जो रेखा को स्थान देते हैं। उदाहरण आप HTML5 में lineTo() के साथ एक रेखा खींचने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं