Police et taille des paramètres de texte en toile HTML5

Auteur：Eve Cole Date de mise à jour：2025-05-03 19:48:02

Introduction de l'article de wulin.com (www.vevb.com): Paramètres de texte en canevas HTML5 Police et taille.

Paramètres de texte en canevas HTML5 Fonts et tailles, nous pouvons utiliser les propriétés des polices dans le cadre de la toile.

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

context.font = [valeur];

Exemple de police de texte et de taille de toile HTML5

<! Doctype html>

<html>

<adal>

<Title> html5_canvas_text_size </ 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.fillText (Hello Vevb!, x, y);

};

</cript>

</ head>

<body>

</ canvas>

</docy>

</html>