Maison > interface Web > Tutoriel H5 > Quels sont les moyens d'effacer le canevas en HTML5

Quels sont les moyens d'effacer le canevas en HTML5

php中世界最好的语言
Libérer: 2018-01-29 10:28:20
original
2042 Les gens l'ont consulté

Cette fois, je vais vous apporter quelques méthodes pour effacer le canevas en html5, et quelles sont les précautions pour effacer le canevas en html5. Ce qui suit est un cas pratique, jetons un coup d'œil.

Résumez les trois façons suivantes pour effacer la toile toile :

1. La méthode la plus simple : Puisque la toile est réinitialisée à chaque fois que sa hauteur ou width est Lorsqu'il est défini, le contenu du canevas sera effacé, vous pouvez donc utiliser les méthodes suivantes pour l'effacer :

function clearCanvas<span style="font-family: Verdana, Arial, 宋体;">()</span> 
{ 
    var c=document.getElementById("myCanvas"); 
    var cxt=c.getContext("2d"); 
    c.height=c.height; 
}
Copier après la connexion


2. Utilisez la méthode clearRect :

function clearCanvas() 
{ 
    var c=document.getElementById("myCanvas"); 
    var cxt=c.getContext("2d"); 
    cxt.clearRect(0,0,c.width,c.height); 
}
Copier après la connexion


3. Semblable à la méthode 2, vous pouvez remplir la toile avec une couleur spécifique pour atteindre l'objectif de la nettoyer :

function clearCanvas() 
{ 
    var c=document.getElementById("myCanvas"); 
    var cxt=c.getContext("2d"); 
       
    cxt.fillStyle="#000000"; 
    cxt.beginPath(); 
    cxt.fillRect(0,0,c.width,c.height); 
    cxt.closePath(); 
}
Copier après la connexion

I. Je crois que vous maîtrisez la méthode après avoir lu ces cas , pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser l'attribut title du HTML pour afficher du texte au survol de la souris

Comment faire en html Ouvrez une nouvelle fenêtre avec un lien hypertexte et contrôlez les propriétés de la fenêtre

Le code d'impression HTML prend en charge le changement de page

Comment résoudre un problème L'image de fond de l'étiquette n'affiche pas ce problème sous IE8

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal