Cet article explique comment générer des "captures d’écran" au format SVG d’éléments HTML, notamment pour les réutiliser dans des fichiers HTML, EPUB ou PDF. L’auteur présente deux bibliothèques JavaScript permettant de convertir du HTML en SVG, avec une préférence pour html-to-svg
. Il détaille une méthode pour créer une page web contenant plusieurs démonstrations de mises en page CSS, chacune convertie en SVG via un script. Chaque section peut être affichée ou téléchargée sous forme d’image SVG, avec un nom de fichier dérivé de l’ID de la section. L’astuce repose sur l’utilisation de Blob
et de URL.createObjectURL
pour générer un lien de téléchargement fonctionnel. Une solution pratique pour intégrer des visuels dynamiques et scalables dans divers formats de documents.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
L'auteur montre l'utilisation de Puppeteer pour faire des screenshots de sites web.
Les options en ligne de commande qui vont bien :)
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Le genre d'astuces simples mais très puissantes
Tout est dans le titre
Tout est dans le titre
En utilisant ffmpeg
Astucieux, utiliser conjointement PhantomJS et Grunt pour faire des captures d'écran automatisées
À suivre : un outil permettant de réaliser une "capture d'écran" de pages web - ça serait super d'intégrer ça à Shaarli par exemple :) (via le warrior du dimanche)