如何设置HTML5 Canvas文本的大小和样式-之路教程

HTML5 Canvas设置文本语法

设置Canvas元素属性的语法

<script>

    context.font = 'italic 50px Times New Roman';

</script>

HTML5中的Canvas文本

Canvas元素有一个属性，可以在HTML5中设置文本的字体和样式。
在这些属性的帮助下，我们可以设置Canvas文本的样式和大小。
我们可以将其设置为斜体，粗体等默认设置为正常。

HTML5 Canvas设置文本的大小和样式示例

<!DOCTYPE HTML>

<html>

  <head>   

   <script>

            window.onload = function ()
       {

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

            var context = canvas.getContext("2d");

            context.font = "italic 40pt Arial Black";

            context.fillText("welcome", 150, 100);

        };

</script>

  </head>

  <body>

    <canvas id="myCanvas" width="578" height="200"></canvas>

  </body>

</html>

如何设置HTML5 Canvas文本的大小和样式

日期：2020-04-11 23:04:06 来源：oir作者：oir

←如何使用HTML5画布绘制形状

HTML5 Canvas如何设置文本的颜色→

HTML5 Canvas设置文本语法

HTML5中的Canvas文本

HTML5 Canvas设置文本的大小和样式示例

目录