SVG से साइन वेव्स ड्रा करने के लिए, निम्न का उपयोग करें जो साइन वेव के आधे के करीब हो। मैंने क्यूबिक-बेज़ियर सन्निकटन का उपयोग किया है। <पथ> तत्व का प्रयोग करें।
<!DOCTYPE html> <html> <head> <title>SVG</title> <meta charset = "utf-8" /> </head> <body> <h2 align = "center">HTML5 SVG Sine Waves</h2> <svg width = "150px" height = "200px" viewBox = "0 0 100 100"> <path stroke = "#00FF00" fill = "none" d = "M0,0 C36.42,0,70.58,100,100,100" /> </svg> </body> </html>
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() के साथ एक रेखा खींचने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं