如何在HTML5中使用strokeText()绘制文本？

要在HTML5中的画布上绘制文本，请使用strokeText()方法。这是该strokeText()方法的语法。它在给定的位置抚摸给定的文本，该位置由给定的x和y坐标表示。默认颜色是黑色。

strokeText(text, x, y [, maxWidth ] )

这是方法的参数值strokeText()-


S.不	参数	描述
1	文本	要写的文字
2	X	绘画开始处的x坐标
3	ÿ	绘画开始处的x坐标
4	maxWidth	允许的最大宽度（以像素为单位）

示例

您可以尝试运行以下代码以strokeText()在HTML5中绘制文本-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 Canvas strokeText()</title>
   </head>
   <body>
      <canvas id="newCanvas" width="400" height="150" style="border:1px solid #000000;">
      </canvas>
      <script>
         var c = document.getElementById("newCanvas");
         var ctxt = c.getContext("2d");
         ctxt.fillStyle = '#00F';
         ctxt.font = "20px Georgia";
         ctxt.strokeText("Nhooo", 10, 50);
         ctxt.fillStyle = '#Cff765';
         ctxt.font = "30px Verdana";
         ctxt.strokeText("简单易学！", 10, 90);
      </script>
   </body>
</html>

基础教程