Latest web development tutorials

HTML balise <canvas>

Exemples

Par élément <canvas> pour afficher un rectangle rouge:

<Toile id = "myCanvas"> </ canvas> <Script type = "text / javascript"> var canvas = document.getElementById ( 'myCanvas'); var ctx = canvas.getContext ( '2d'); ctx.fillStyle = '# FF0000'; ctx.fillRect (0,0,80,100 ); </ script>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome et Safari support balise <canvas>.

Remarque: IE 8 ou les versions antérieures de navigateur IE ne supporte pas balise <canvas>.

définitions de balises et les instructions

<Canvas> pour dessiner des graphiques (tels que des graphiques et autres images) par le biais de scripts (habituellement JavaScript).

Balise <canvas> est un conteneur graphique, vous devez utiliser un script pour dessiner des graphiques.

Différences entre HTML 4.01 et HTML5

Balise <canvas> est nouveau dans les balises HTML5.

Trucs et astuces

REMARQUE: élément <canvas>sera affiché dans aucun texte ne prend pas en charge la balise <canvas> navigateur.

Astuce: Si vousvoulez connaître toutes les propriétés et méthodes de l' objet toile, voir le manuel HTML toile de référence .

propriété

Nouveau: HTML5 nouvelle propriété.

属性 值 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

global Properties

<Canvas> supporte HTML propriétés globales .

Propriétés de l'événement

Balise <canvas> prend en charge les propriétés d'événements HTML .