Couleur de texte en toile HTML5

Auteur：Eve Cole Date de mise à jour：2025-04-22 08:48:02

Wulin.com (www.vevb.com) Introduction de l'article: couleur de texte en toile HTML5, les attributs des polices que nous pouvons utiliser dans la gamme de toile.

Couleur de texte en toile HTML5, nous pouvons utiliser les polices dans les propriétés de la plage de canevas.

Nous donnons un exemple simple pour expliquer la syntaxe de base:

context.fillStyle = [Value];

Instance de couleur de texte en toile HTML5

<! Doctype html>

<html>

<adal>

<Title> html5_canvas_text_color </ title>

<style>

corps {marge: 0px; rembourrage: 0px;}

#mycanvas {border: 1px solide # 9c9898; marge: 0 auto; marge: 200px; marge-gauche: 100px;}

</ style>

<cript>

window.onload = function () {

var canvas = document.getElementById (myCanvas);

var context = canvas.getContext (2d);

var x = 150;

var y = 100;

context.font = 40pt calibri;

context.fillStyle = # 0000FF; // Couleur de texte

context.fillText (bonjour webjx!, x, y);

};

</cript>

</ head>

<body>

</ canvas>

</docy>

</html>