Maison >interface Web >tutoriel HTML >Résumé des articles sur l'utilisation des outils de dessin
Laissez-moi vous présenter un outil pour créer du SVG. Lorsque nous voulons dessiner une image SVG très complexe sur une page Web, nous pouvons utiliser l'outil Method Draw pour la dessiner. Une fois le dessin terminé, il peut être exporté. sous forme de code et copié dans notre projet sans téléchargement, il s'agit d'une adresse d'outil Web : Portail Bien que cette page Web comporte de nombreux bugs, elle reste un bon outil. Cliquez sur le canevas sur le côté droit de la page. ajustez les propriétés du canevas en cliquant sur les propriétés. La molette de défilement peut être ajustée ou vous pouvez directement double-cliquer pour modifier les propriétés. Barre d'outils de valeur La barre d'outils de gauche est identique à la barre d'outils de dessin. La bibliothèque de formes propose de nombreuses formes alternatives. Sélectionnez une forme et appuyez simultanément sur les touches gauche et droite pour sélectionner à nouveau la forme. Dessinez la courbe de Bézier à un certain point du canevas. Maintenez le bouton gauche de la souris enfoncé. arc. Ensuite, soulevez le bouton gauche de la souris à un certain point. Le point que vous relâchez est le point de contrôle de la courbe de Bézier. Cliquez à nouveau sur un autre point, qui est le point final de l'arc. vous avez dessiné sur le côté droit, vous pouvez contrôler le style. Par exemple, si vous dessinez un cercle, vous pouvez ajuster ses coordonnées (x, y), son rayon horizontal et vertical, son angle de rotation, sa transparence, son flou et sa position (à gauche). -aligné, aligné à droite, centré...
1. Outil de dessin SVG (Scalable Vector Graphics) Méthode Draw
Introduction : Laissez-moi vous présenter un outil pour créer du SVG. Lorsque nous voulons dessiner une image SVG très complexe sur une page Web, nous pouvons utiliser l'outil Method Draw. pour le dessiner. Une fois le dessin terminé, il peut être exporté sous forme de code et copié dans notre projet sans téléchargement. Il s'agit de l'adresse d'un outil Web : Portail Bien que cette page Web contienne de nombreux bugs, elle reste un bon outil. sur le canevas. Sur le côté droit de la page, nous pouvons ajuster les propriétés du canevas en cliquant sur les propriétés. La molette de défilement peut être ajustée ou vous pouvez directement double-cliquer pour modifier les propriétés de la barre d'outils de gauche
2. Bibliothèque d'outils de dessin de graphiques simple et belle Chart.js
Introduction : Fournissez divers codes officiels et publiés par les utilisateurs. exemples et références de code. Bienvenue à tous pour échanger et apprendre
3 outil de dessin de graphique de page jqPlot jquery
Introduction : Cela peut être dû à ma compréhension personnelle limitée. J'ai toujours pensé qu'il était difficile d'afficher des graphiques légèrement dynamiques en utilisant uniquement HTML. Mais après avoir vu jqPlot, ma compréhension. a beaucoup changé. jqplpt est un plug-in d'affichage de graphiques basé sur HTML. Il ne génère pas d'images. La chose la plus précieuse est qu'il peut générer des invites de données dynamiques similaires à flex et modifier dynamiquement la plage d'affichage des données, etc. >
4.Explication détaillée de la configuration de l'option jqPlot object_jquery
Introduction : Si vous avez lu l'article complémentaire de cet article " Amis de jqPlot - un outil de dessin de graphiques basé sur jquery doit connaître la méthode de fonctionnement générale de jqPlot si vous n'êtes toujours pas sûr, vous pouvez vous référer à l'introduction à l'utilisation du site officiel de jqPlot ;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!