Dans le prochain article, nous apprendrons comment dessiner un logo SVG en HTML5. Avant de commencer la lecture de l’article, discutons de quelques éléments concernant SVG. Scalable Vector Graphics (SVG) est un format d'image qui utilise des données vectorielles. Contrairement à d'autres formats, SVG n'utilise pas de pixels uniques pour construire une image, mais utilise plutôt des données vectorielles.
La meilleure chose à propos de son utilisation est qu'en utilisant SVG, vous pouvez créer des images qui s'adaptent à n'importe quelle résolution, ce qui les rend idéales dans la conception Web et dans de nombreuses autres applications.
Regardons un exemple simple pour mieux comprendre SVG
La traduction chinoise deLorsque le script est exécuté, il générera une sortie contenant un cercle SVG dessiné sur la page Web en utilisant les dimensions données dans le script ci-dessus.
Utilisez SVG (un langage de balisage) pour décrire des graphiques vectoriels bidimensionnels. Il s'agit d'une technologie basée sur le texte qui peut être utilisée avec d'autres technologies telles que CSS, DOM, JavaScript et SMIL pour décrire des images de n'importe quelle taille.
Les images vectorielles au format SVG, par exemple, peuvent être mises à l'échelle sans perte de qualité. Contrairement aux images bitmap comme JPEG et PNG, elles peuvent également être localisées sans avoir recours à un éditeur graphique.
Dans l'exemple ci-dessous, nous créons un logo SVG sur une page Web.
Lorsque le script sera exécuté, il générera une sortie constituée d'une ellipse dessinée avec un dégradé linéaire avec le texte "TUTORIALSPOINT", qui fait office de logo sur la page Web.
La traduction chinoise deConsidérez l'exemple suivant, nous créons un logo SVG sur une page Web
FOLLOW TRAFFIC SIGNALS
Lorsque le script ci-dessus est exécuté, il produira une sortie contenant un feu de signalisation dessiné sur la page Web en utilisant les mesures données dans le script ci-dessus, qui fait office de signe.
Regardons un autre exemple de création d'un logo SVG sur une page Web.
HTML5 SVG logo
Après avoir exécuté le script ci-dessus, la fenêtre de sortie apparaîtra affichant le logo SVG avec un dégradé linéaire dessiné sur la page Web en utilisant les mesures mentionnées dans le script ci-dessus.
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!
en HTML ?
Article suivant:Comment spécifier en HTML si le contenu d'un élément doit être traduit ?
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
Derniers articles par auteur
-
2024-08-24 09:52:04
-
2024-08-24 09:49:02
-
2024-08-24 09:45:11
-
2024-08-24 09:43:32
-
2024-08-24 09:39:05
-
2024-08-24 09:38:35
-
2024-08-24 09:32:02
-
2024-08-24 09:31:32
-
2024-08-24 09:31:05
-
2024-08-24 09:15:11
Derniers numéros
Comment afficher la version mobile de Google Chrome
Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1073
Il n'y a aucune sortie dans la fenêtre parent
document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
837
Où sont les didacticiels sur la cartographie mentale CSS ?
Didacticiel
Depuis 2024-04-16 10:10:18
0
0
912
-
À propos de nous
Clause de non-responsabilité
Sitemap
-
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!