« Image vers ASCII vers SVG » : différence entre les versions
Aucun résumé des modifications |
|||
| Ligne 99 : | Ligne 99 : | ||
* La '''solution 1''' est plus rapide et produit un SVG avec des glyphes colorés si on garde les séquences ANSI. | * La '''solution 1''' est plus rapide et produit un SVG avec des glyphes colorés si on garde les séquences ANSI. | ||
* La '''solution 2''' est plus adaptée pour des rendus en noir et blanc ou des effets de contours. | * La '''solution 2''' est plus adaptée pour des rendus en noir et blanc ou des effets de contours. | ||
=== Exemple d'intégration de l'image SVG dans un fichier HTML === | |||
<syntaxhighlight lang="html" line> | |||
<!DOCTYPE html> | |||
<html lang="fr"> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width initial-scale=1" /> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||
<title>Test</title> | |||
<meta name="description" content="Du web, du code."> | |||
<style> | |||
div#background{ | |||
width: 100%; | |||
height: 100%; | |||
position: fixed; | |||
background-image: url("picture-clean.svg"); | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
background-size: contain; | |||
color:#FFF; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div id="background"></div> | |||
</body> | |||
</html> | |||
</syntaxhighlight> | |||
[[Catégorie:Tools]] | [[Catégorie:Tools]] | ||
[[Catégorie:Dev]] | [[Catégorie:Dev]] | ||
[[Catégorie:Geek]] | [[Catégorie:Geek]] | ||