méthode toile HTML fillText ()
HTML Manuel toile de référence
Exemples
Utilisez fillText (), écrire sur le texte de toile "Bonjour tout le monde!" Et "Grand sourire!":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);
ctx.font="30px Verdana";
// Create gradient
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Fill with gradient
ctx.fillStyle=gradient;
ctx.fillText("Big smile!",10,90);
var ctx=c.getContext("2d");
ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);
ctx.font="30px Verdana";
// Create gradient
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// Fill with gradient
ctx.fillStyle=gradient;
ctx.fillText("Big smile!",10,90);
Essayez »
support du navigateur
Internet Explorer 9, la méthode Firefox, Opera, Chrome et Safari soutien fillText ().
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Remarque: Safari ne supporte pas les paramètres maxWidth.
Définition et utilisation
méthode fillText () pour dessiner du texte de remplissage sur la toile. La couleur du texte par défaut est noir.
Astuce: Utilisez la police des attributs pour définir la police et la taille, et utiliser fillStyle propriété à une autre couleur / gradient pour rendre le texte.
| Syntaxe JavaScript: | contexte .fillText (texte, x, y, maxWidth); |
|---|
Paramètre Valeur
| 参数 | 描述 |
|---|---|
| text | 规定在画布上输出的文本。 |
| x | 开始绘制文本的 x 坐标位置（相对于画布）。 |
| y | 开始绘制文本的 y 坐标位置（相对于画布）。 |
| maxWidth | 可选。允许的最大文本宽度，以像素计。 |
HTML Manuel toile de référence