HTML5 Canvas Text Stroke for Large Font Size

JavascriptWeb DevelopmentFront End Scripts

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

var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.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);
raja
Published on 06-Apr-2018 12:19:30
Advertisements