Quotidien Shaarli

Tous les liens d'un jour sur une page.

Aujourd'hui - July 8, 2025

Decoding The SVG path Element: Curve And Arc Commands — Smashing Magazine

Suite de https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/ l'article explore les aspects complexes de l'élément path en SVG, en se concentrant sur la création de courbes et d'arcs. L'autrice explique les règles sous-jacentes et les fonctions de construction des courbes de Bézier quadratiques et cubiques, ainsi que des arcs, en utilisant des exemples visuels et des animations pour illustrer les concepts. L'article aborde également l'utilisation des commandes Q, T, C, S, et A pour dessiner ces formes, offrant ainsi une compréhension approfondie de la syntaxe et des mécanismes de l'élément path en SVG.

Decoding The SVG path Element: Line Commands — Smashing Magazine

L'article explore les bases de l'élément en SVG, souvent perçu comme complexe. L'autrice démystifie les commandes de ligne de cet élément puissant, en se concentrant sur les commandes pour créer des chemins droits et angulaires. À travers des exemples simples et des visualisations, elle explique la syntaxe et les règles sous-jacentes, permettant aux lecteurs de traduire les balises sémantiques SVG dans le langage compris par path. L'article aborde les commandes de base comme M pour déplacer le point de départ, L pour tracer une ligne, ainsi que H et V pour les lignes horizontales et verticales. Il introduit également les commandes relatives et montre comment créer des polygones et des polylignes avec la commande Z. Cet article est le premier d'une série visant à rendre l'utilisation de path accessible pour des dessins techniques et des visualisations de données.

La valeur currentColor en CSS - Alsacreations

currentColor en CSS est un mot-clé dynamique représentant la valeur de la propriété color d'un élément. Utilisé pour les bordures, ombres, ou icônes SVG, il permet de synchroniser automatiquement ces propriétés avec la couleur du texte, facilitant ainsi la maintenance et la cohérence du style. Par exemple, en définissant border: 2px solid currentColor, la bordure adopte la couleur du texte et s'ajuste si celle-ci change. Cela évite la duplication de code et simplifie la création de thèmes. currentColor est bien supporté par tous les navigateurs, y compris Internet Explorer 9.