SVG est l'abréviation des graphiques vectoriels évolutifs, ce qui signifie des graphiques vectoriels évolutifs. En 1998, la World Wide Web Alliance a créé un groupe de travail pour développer une technologie qui exprime les graphiques vectoriels via XML - SVG! Étant donné que SVG est également un fichier XML, SVG hérite également des avantages de l'ouverture, de la portabilité et de l'interactivité de XML. Cet article présente SVG dans HTML5. Si vous en avez besoin, veuillez vous référer à l'arrière-plan SVG.
SVG est l'abréviation des graphiques vectoriels évolutifs, ce qui signifie des graphiques vectoriels évolutifs. En 1998, la World Wide Web Alliance a créé un groupe de travail pour développer une technologie qui exprime les graphiques vectoriels via XML - SVG! Étant donné que SVG est également un fichier XML, SVG hérite également des avantages de l'ouverture, de la portabilité et de l'interactivité de XML. De nos jours, presque tous les navigateurs grand public prennent en charge SVG, et vous pouvez obtenir plus d'informations de compatibilité à partir d'ici, notamment:
Utilisez des éléments <embed> ou <objet> pour afficher les graphiques SVG de base;
Utiliser <MG> pour afficher les graphiques SVG;
Appliquer les graphiques SVG comme image d'arrière-plan CSS;
Utilisez la balise <SVG> directement dans les documents HTML (nécessite une prise en charge HTML5);
Utiliser les transformations SVG, les filtres et autres effets spéciaux pour les éléments HTML qui utilisent CSS ou des éléments d'objet externes;
Utilisez des effets de type Photoshop sur les objets SVG, y compris le traitement des floues et des couleurs;
Utilisez des animations pour les images SVG;
Utiliser les polices SVG;
* SVG
* Contenu de base
* SVG n'est pas exclusif à HTML5
* HTML5 fournit du contenu sur SVG natif
* Avant que HTML5 n'apparaît, il y avait du contenu SVG
* SVG, mettez-le simplement comme un vecteur
* Le fichier SVG a une extension de .svg
* SVG utilise la syntaxe XML
* concept
* SVG est une langue qui utilise la technologie XML pour décrire les graphiques bidimensionnels
* Caractéristiques de SVG
* Les graphiques de dessin SVG peuvent être capturés par les moteurs de recherche
* SVG est agrandi lorsque la qualité de l'image ne diminue pas
* La différence entre SVG et Canvas
* SVG
* Aucune dépendance de résolution
* Soutenir la liaison des événements
* Programmes pour les grandes zones de rendu (comme les cartes Baidu)
* Ne peut pas être utilisé pour implémenter des jeux Web
* Toile
* Dépendant de la résolution
* La liaison des événements n'est pas prise en charge
* Le jeu Web le plus approprié
* Enregistrer l'image du format .jpg
* But
* Quelques petites icônes sur la page Web
* Effets dynamiques sur la page Web (effet d'animation)
* Utilisation de SVG dans HTML5
* Utilisez <svg> </svg> éléments
* Fonction - similaire à l'élément <lebvas>
* La taille par défaut est de 300px * 150px
* Utilisez les styles CSS
* Utilisez SVG pour dessiner un graphique, vous devez définir l'élément <SVG>.
* Dessinez un graphique
* Éléments rectangulaires
Copier le code