« Inkscape » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Page créée avec « {{Ebauche}} '''A consulter:''' * [http://fr.flossmanuals.net/inkscape/ Inkscape] Livre ouvert (FLOSS) == Astuces == *Le problème : comment ajuster la page de dessin pr... »)
 
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
{{Ebauche}}
{{Ebauche}}
== Introduction ==
Selon http://fr.wikipedia.org/wiki/Inkscape[ Wikipedia] (6/2014), Inkscape est un logiciel libre de dessin vectoriel sous licence GNU/GPL. Il a pour but de devenir un puissant outil d’édition graphique tout en étant entièrement conforme avec les standards XML, SVG et CSS du W3C.


'''A consulter:'''
'''A consulter:'''
* [http://fr.flossmanuals.net/inkscape/ Inkscape] Livre ouvert (FLOSS)
* [http://fr.flossmanuals.net/initiation-inkscape/ (fr) Initiation à Inkscape], Livre ouvert (FLOSS)
* [http://fr.flossmanuals.net/inkscape/ (f) Inkscape], Livre ouvert (FLOSS)


== Astuces ==
== Astuces ==
=== Ajuster la taille ===


*Le problème : comment ajuster la page de dessin proposé par Inkscape à la taille du dessin qu'on crée ?
*Le problème : comment ajuster la page de dessin proposé par Inkscape à la taille du dessin qu'on crée ?
*Réponse : il faut aller dans Fichier -> Propriétés du document... -> dans l'encadré 'Dimensions personnalisées', cliquez sur le petit "+" à côté de 'Redimensionner la page au contenu...' -> cliquez sur le gros bouton 'Ajuster la page au dessin ou à la sélection'.
*Réponse : il faut aller dans Fichier -> Propriétés du document... -> dans l'encadré 'Dimensions personnalisées', cliquez sur le petit "+" à côté de 'Redimensionner la page au contenu...' -> cliquez sur le gros bouton 'Ajuster la page au dessin ou à la sélection'.
=== Produire du SVG standard pour inclusion dans des pages web ===
* Si vous travaillez avec Inkscape, vous avez intérêt à sauver le résultat en '''SVG pur''' (''plain SVG'', pas Inkscape SVG). Inkscape ajoute dans son propre namespace des informations utiles pour rééditer (calques, etc.).
; Variantes de HTML
* '''Utilisez HTML5''' c'est plus facile. Il suffit de bien réussir l'entête et la déclaration du namespace SVG dans la balise svg.
* Une page XHTML page doit avoir une extension *.'''xhtml'''. C'est important, car ces fichiers sont servis par notre serveur en tant que XHTML et non pas en tant que HTML.
* On ne peut pas inclure du code SVG dans du code HTML 4.x.
Plus de détails:
* [[:en:Using Inkscape for web animation]]
* [[Tutoriel SVG avec HTML5]] ([[:en:Using SVG with HTML5 tutorial]])
[[Category: SVG]]

Version du 19 juin 2014 à 15:42

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Introduction

Selon http://fr.wikipedia.org/wiki/Inkscape[ Wikipedia] (6/2014), Inkscape est un logiciel libre de dessin vectoriel sous licence GNU/GPL. Il a pour but de devenir un puissant outil d’édition graphique tout en étant entièrement conforme avec les standards XML, SVG et CSS du W3C.

A consulter:

Astuces

Ajuster la taille

  • Le problème : comment ajuster la page de dessin proposé par Inkscape à la taille du dessin qu'on crée ?
  • Réponse : il faut aller dans Fichier -> Propriétés du document... -> dans l'encadré 'Dimensions personnalisées', cliquez sur le petit "+" à côté de 'Redimensionner la page au contenu...' -> cliquez sur le gros bouton 'Ajuster la page au dessin ou à la sélection'.

Produire du SVG standard pour inclusion dans des pages web

  • Si vous travaillez avec Inkscape, vous avez intérêt à sauver le résultat en SVG pur (plain SVG, pas Inkscape SVG). Inkscape ajoute dans son propre namespace des informations utiles pour rééditer (calques, etc.).
Variantes de HTML
  • Utilisez HTML5 c'est plus facile. Il suffit de bien réussir l'entête et la déclaration du namespace SVG dans la balise svg.
  • Une page XHTML page doit avoir une extension *.xhtml. C'est important, car ces fichiers sont servis par notre serveur en tant que XHTML et non pas en tant que HTML.
  • On ne peut pas inclure du code SVG dans du code HTML 4.x.

Plus de détails: