HTML5 Canvas如何设置文本的颜色

HTML5 Canvas设置文本的颜色示例

<!DOCTYPE HTML>

<html>

  <head>

    <script>

        window.onload = function () {

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

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

            context.font = "40pt Verdana";

            context.fillStyle = "green";

            context.fillText("Welcome", 150, 200);

        };

 

    </script>

  </head>

  <body>

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

  </body>

</html>

在html5中的Canvas文本颜色

  • Canvas元素有一个属性,可以在HTML5中设置文本的颜色。
  • 在此属性的帮助下,我们可以设置Canvas文本的颜色。
  • 此属性在Canvas上下文中称为"FillStyle"属性。

HTML5 Canvas设置文本的颜色语法

设置Canvas元素属性的语法

<script>

    context.fillStyle = 'red';

</script>
日期:2020-04-11 23:04:06 来源:oir作者:oir