Horje
How to Stroke a Text JavaScript in HTML Canvas Graphics

Here is example of Stroking a Text JavaScript in HTML Canvas Graphics


Example of Stroking a Text JavaScript in HTML Canvas Graphics

Follow the Example
index.html
Example: HTML
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.strokeText("Hello World", 10, 50);
</script> 

Output should be:

Example of Stroking a Text JavaScript in HTML Canvas Graphics

Full Example of Stroking a Text JavaScript in HTML Canvas Graphics

Follow the Example
index.html
Example: HTML
<!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.font = "30px Arial";
ctx.strokeText("Hello World",10,50);
</script>

</body>
</html>

Output should be:

Full Example of Stroking a Text JavaScript in HTML Canvas Graphics





Category:
Web Tutorial
Sub Category:
HTML Canvas Graphics
Uploaded by:
Admin


Read Article
https://develop.horje.com/learn/1434/reference