How to draw large font on HTML5 Canvas?

To draw large font properly in HTML5 Canvas, you can try to run the following code:

var myCanvas = document.getElementById("myCanvas");

var context = c.getContext("2d");
context.font = '180pt Georgia';
context.strokeStyle = "#FF0000";
context.fillStyle = "#FFFFFF
";
context.lineWidth = 34;

context.fillText("Demo!",0,200);
context.strokeText("Demo!",0,200);

Karthikeya Boyini

Published on 11-Apr-2018 11:54:22

• Related Questions & Answers
• HTML5 Canvas Text Stroke for Large Font Size
• How to draw a rectangle on HTML5 Canvas?
• HTML5 Canvas Font Size Based on Canvas Size
• How to draw a quadratic curve on HTML5 Canvas?
• How to draw an SVG file on an HTML5 canvas?
• How to draw lines using HTML5 Canvas?
• How to draw an oval in HTML5 canvas?
• Fractional font sizes for HTML5 Canvas?
• Draw Bezier Curve with HTML5 Canvas
• Draw a shadow with HTML5 Canvas
• How to draw a star by using canvas HTML5?
• How to draw a Bezier Curve with HTML5 Canvas?
• Draw a circle filled with random color squares on HTML5 canvas
• How to draw grid using HTML5 and canvas or SVG?
• How to draw on the canvas with JavaScript?