1. Home
2. Questions
3. Tags
5. Users
6. Jobs
7. Companies
8. Unanswered
Teams

Ask questions, find answers and collaborate at work with Stack Overflow for Teams.
Try Teams for free Explore Teams
Teams
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams

Return to Answer

Syntax coloring

Source Link

edited Feb 24, 2014 at 10:42

8.8k
5
40
61

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/1/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/1/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/1/

added 107 characters in body

Source Link

edited Feb 24, 2014 at 9:29

151
1
4

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = "42";question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/1/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
var c = document.getElementById("monalisa");
var context = c.getContext("2d");
context.fillStyle = "rgb(255, 0, 0)";
var text = "42";
context.font = "180px Arial";
context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
    var question = "Answer to life the universe and everything";
    var c = document.getElementById("monalisa");
    var context = c.getContext("2d");
    context.fillStyle = "rgb(255, 0, 0)";
    var text = question.length;
    context.font = "180px Arial";
    context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/1/

added 4 characters in body

Source Link

edited Feb 24, 2014 at 9:05

151
1
4

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
var c = document.getElementById("monalisa");
var context = c.getContext("2d");
context.fillStyle = "rgb(255, 0, 0)";
var text = "42";
context.font = "180px Arial";
context.strokeText(text, 1, 160);
</script>
</html>

Output:

Canvas

Demo: http://jsfiddle.net/NmHty/

http://jsfiddle.net/NmHty/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
var c = document.getElementById("monalisa");
var context = c.getContext("2d");
context.fillStyle = "rgb(255, 0, 0)";
var text = "42";
context.font = "180px Arial";
context.strokeText(text, 1, 160);
</script>
</html>

Output:

Canvas

Demo: http://jsfiddle.net/NmHty/

HTML 5 + Javascript

<!DOCTYPE html>
<html>
<body>

<canvas id="monalisa" width="200" height="200" style="border:1px solid #000000;">
Your browser is non-artistic !! 
</canvas>

</body>
<script>
var c = document.getElementById("monalisa");
var context = c.getContext("2d");
context.fillStyle = "rgb(255, 0, 0)";
var text = "42";
context.font = "180px Arial";
context.strokeText(text, 1, 160);
</script>
</html>

Output:

Demo:

http://jsfiddle.net/NmHty/

added 13 characters in body

Source Link

edited Feb 24, 2014 at 8:58

151
1
4

Loading

Source Link

created Feb 24, 2014 at 8:51

151
1
4

Loading