strokes the text at the position

Description

strokeText(text, x, y, width) strokes the text at the position (x, y). The optional width argument sets an upper limit on the width

Example


<!DOCTYPE HTML>
<html>
<head>
<style>
canvas {<!--from   www  .  j  av a  2 s  .  c o m-->
      border: thin solid black
}

body>* {
      float: left;
}
</style>
</head>
<body>
      <canvas id="canvas" width="850" height="840"> 
      Your browser doesn't support the <code>canvas</code> element 
      </canvas>
      <script>
            var ctx = document.getElementById("canvas").getContext("2d");
            ctx.fillStyle = "lightgrey";
            ctx.strokeStyle = "black";
            ctx.lineWidth = 3;
            ctx.font = "100px sans-serif";
            ctx.fillText("java2s.com", 50, 100);
            ctx.strokeText("java2s.com", 50, 100);
      </script>
</body>
</html>

Click to view the demo





















Home »
  Javascript »
    Javascript Reference »




Array
Canvas Context
CSSStyleDeclaration
CSSStyleSheet
Date
Document
Event
Global
History
HTMLElement
Input Element
Location
Math
Number
String
Window