Canvas with Stroke Text

#	Content	Views
1.	Tutorial Tags	37,061
2.	Tutorial + Programming	1,062,136
3.	Videos	353,315
4.	Results (`Annual + Re-appear`)	44,967
5.	Quiz Chapters	37,147
6.	Quiz Questions	540,385
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,246
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,500
13.	Downloads (Syllabus)	2,638

Home
HTML
Graphics
Canvas With Stroke Text

Canvas with Stroke Text

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="300" 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.font = "30px Arial";
ctx.strokeText("GSSS KHOKHAR",10,50);
</script>

</body>
</html>

Live Demo & Try it yourself!

#HTML #canvas #Stroke

CSPunjab.Com

Canvas with Stroke Text

« Previous

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="300" 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.font = "30px Arial";
ctx.strokeText("GSSS KHOKHAR",10,50);
</script>

</body>
</html>

Live Demo & Try it yourself!