एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


HTML कैनवास स्ट्रोक () विधि

❮ HTML कैनवास संदर्भ

उदाहरण

एक लाल रंग में अक्षर L के आकार का एक पथ बनाएं:

आपका ब्राउज़रHTML5कैनवास्टैग का समर्थन नहीं करता है।

जावास्क्रिप्ट:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.strokeStyle = "red";
ctx.stroke();

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।

Method
stroke() Yes 9.0 Yes Yes Yes

परिभाषा और उपयोग

स्ट्रोक () विधि वास्तव में उन सभी चालों () और लाइनटो () विधियों के साथ आपके द्वारा परिभाषित पथ को खींचती है। डिफ़ॉल्ट रंग काला है।

युक्ति: किसी अन्य रंग/ग्रेडिएंट के साथ आकर्षित करने के लिए स्ट्रोक स्टाइल प्रॉपर्टी का उपयोग करें ।

जावास्क्रिप्ट सिंटैक्स: संदर्भ । स्ट्रोक ();

❮ HTML कैनवास संदर्भ