HTML <var> Tag

#	Content	Views
1.	Tutorial Tags	15,835
2.	Tutorial + Programming	678,586
3.	Videos	218,835
4.	Results (`Annual + Re-appear`)	12,703
5.	Quiz Chapters	14,622
6.	Quiz Questions	172,781
7.	Quiz Results	18,822
8.	Testimonials	3,462
9.	Projects	28,286
10.	e-Words	12,023
11.	e-Certificates	4,968
12.	Downloads (Softwares)	4,238
13.	Downloads (Syllabus)	948
	Total	1,186,109

HTML <var> Tag

117

Draw a Line using HTML Canvas with JavaScript

2,619
Try it

After creating the rectangular canvas area, you must add a JavaScript to do the drawing.

Here are some examples:

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML canvas tag.</canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();
</script>

</body>
</html>

Live Demo & Try it yourself!

#HTML #canvas #drawline

ਪਿਆਰੇ ਬੱਚਿਓ, ਸਤਿ ਸ੍ਰੀ ਅਕਾਲ,

ਕੰਪਿਊਟਰ ਸਾਇੰਸ ਵਿਸ਼ੇ ਦੇ ਨਾਲ ਸਬੰਧਿਤ CSPunjab.Com ਇਕ ਓਪਨ WhatsApp Community ਗਰੁੱਪ ਜੋ ਕੇ ਤੁਹਾਡੇ ਸਿਲੇਬਸ ਅਨੁਸਾਰ ਅਤੇ ਐਡਵਾਂਸਡ ਇੱਕ Online HTML Editor ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ HTML, CSS, JavaScript, C ਆਦਿ ਦੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਨੂੰ Online ਆਪਣੇ ਮੋਬਾਈਲ ਤੇ ਬਿਨ੍ਹਾਂ ਕੰਪਿਊਟਰ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਹੋਏ web development ਨੂੰ ਸੋਖੇ ਢੰਗ ਨਾਲ ਸਿਖ ਸਕਦੇ ਹੋ ਅਤੇ Source Code ਨੂੰ download ਕਰ ਸਕਦੇ ਹੋ।

WhatsApp Community » » CSPunjab.Com

ਇਹ Community Group ਹੋਣ ਕਾਰਨ Girl Students ਵੀ ਇਸ ਗਰੁੱਪ ਨੂੰ ਬਿਨ੍ਹਾਂ ਝਿਜਕ ਤੋਂ join ਕਰ ਸਕਦੀਆਂ ਹਨ, ਕਿਉਂਕਿ Community Group ਚ 3rd Person ਤੁਹਾਂਡਾ ਮੋਬਾਇਲ ਨੰਬਰ ਵੇਖਣ ਤੋਂ ਅਸਮਰੱਥ ਹੋਵੇਗਾ।

ਇਸ ਗਰੁੱਪ ਵਿੱਚ ਆਪ ਨੂੰ ਸਿਲੇਬਸ ਸਬੰਧੀ YouTube ਵੀਡੀਓ link Share ਕੀਤੇ ਜਾਣਗੇ ਅਤੇ ਕੰਪਿਊਟਰ ਸਾਇੰਸ ਵਿਸ਼ੇ ਨਾਲ ਸਬੰਧਿਤ ਤੁਹਾਨੂੰ ਸਮੇਂ-ਸਮੇਂ ਤੇ Syllabus ਤੋਂ Advanced ਜਾਣਕਾਰੀ ਵੀ Expert Computer ਅਧਿਆਪਕਾਂ ਦੁਆਰਾ ਦਿੱਤੀ ਜਾਵੇਗੀ।

ਨੋਟ: Unauthorised Person ਨੂੰ ਬਿਨ੍ਹਾਂ Warning ਤੋਂ remove ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ।

HTML <var> Tag

Draw a Line using HTML Canvas with JavaScript

HTML Tags

HTML Examples