Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente | |||
editeur-svg-interactif [2018/05/08 13:11] – [Objectifs techniques] ideefixe | editeur-svg-interactif [2019/04/20 12:02] (Version actuelle) – supprimée ideefixe | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ======Editeur SVG interactif====== | ||
- | [[https:// | ||
- | |||
- | L' | ||
- | |||
- | Les fichiers générés (page Html contenant le svg) peuvent servir à divers usages : | ||
- | |||
- | * contenus éducatifs | ||
- | * support de présentation | ||
- | |||
- | ----- | ||
- | {{ : | ||
- | |||
- | ----- | ||
- | =====Objectifs techniques===== | ||
- | |||
- | * Créer des illustrations interactives avec toujours le même gabarit : une légende contenant des indices titrés et un descriptif pour une zone de l' | ||
- | * Permettre des zooms sur les zones décrites | ||
- | * Avoir un contenu responsive (vu que le contenu est pleinement vectoriel, pourquoi s'en priver) | ||
- | * Etre et rester simple d' | ||
- | * Rester simple à développer et maintenir : un mode Debug permet justement d' | ||
- | * Utilisation hors ligne et intégré dans une distribution Linux via un paquet .deb | ||
- | |||
- | ----- | ||
- | =====Utilisation===== | ||
- | On glisse et on dépose (ou on choisi via son explorateur de fichiers) son fichier svg statique. (si possible sans animation et javascript) On arrive sur une interface nous permettant d' | ||
- | |||
- | On ajoute des indices dans la légende. Ces derniers s' | ||
- | |||
- | On les positionne au gré de nos envies (en restant appuyé sur le clic gauche) sur l' | ||
- | |||
- | Un menu déroulant sur l' | ||
- | |||
- | L' | ||
- | |||
- | Il est possible de changer l'odre de nos indices (en les sélectionnant et les glissants) et d'en supprimer ainsi que de les afficher ou non. (pratique si l'on ne veut se concentrer que sur un éventail précis) | ||
- | |||
- | Le bouton Enregistrer son travail permet de convertir notre illustration interactive en un fichier html. (équivalent au mode de visualisation) | ||
- | |||
- | Si l'on veut repartir d'une feuille blanche, il suffit de cliquer sur Supprimer. | ||
- | |||
- | ----- | ||