Différences

Ci-dessous, les différences entre deux révisions de la page.

--- floss:python:cairo-tutoriel [2012/02/27 15:24] – villersd
+++ floss:python:cairo-tutoriel [2012/03/05 16:09] – villersd
@@ Ligne 1: / Ligne 1: @@
 ====== Tutoriel sur Cairo pour les programmeurs Python ======
+//Texte original en anglais de Michael Urman.//
 [[http://cairographics.org/|Cairo]] est une puissante bibliothèque graphique 2D.
@@ Ligne 14: / Ligne 16: @@
 Ce tutoriel se base essentiellement sur la **traduction du [[http://www.tortall.net/mu/wiki/CairoTutorial|"Cairo Tutorial for Python Programmers"]], avec l'aimable autorisation de l'auteur original, Michael Urman** (Copyright © 2005-2008 Michael Urman). Le texte traduit, les images et codes python issus du site de M. Urman restent donc sous la licence [[http://www.gnu.org/copyleft/gpl.html|GPL]].
-Lorsque la première personne est utilisée dans le texte traduit, il faut comprendre "Michaël Urman". Si des informations sont ajoutées indépendantes de la traduction, ce sera clairement spécifié, et placé en fin de document.
+Lorsque la première personne est utilisée dans le texte traduit, il faut comprendre "Michael Urman". Si des informations sont ajoutées indépendantes de la traduction, ce sera clairement spécifié, et placé en fin de document.
 </note>
@@ Ligne 31: / Ligne 33: @@
 Les noms de Cairo sont un peu abstraits. Pour les rendre concrets, Michael Urman nous propose des diagrammes qui illustrent la façon dont ils interagissent. Les trois premiers noms sont les trois couches dans les schémas que vous voyez dans cette section. Le quatrième nom, le chemin, est placé sur la couche intermédiaire lorsque c'est pertinent. Le dernier nom, le contexte, n'est pas représenté.
-{{ :floss:python:cairo:destination.png?direct&|}}=== Destination ===
+=== Destination ===
+{{ :floss:python:cairo:destination.png?direct&|}}
 La destination est la [[http://www.cairographics.org/manual/cairo-surfaces.html|surface]] sur laquelle vous dessinez. Elle peut être liée à une matrice de pixels, ou elle pourrait être liée à un fichier SVG ou PDF, ou autre chose. Cette surface recueille les éléments de votre graphique lorsque vous les appliquez, vous permettant de construire un travail complexe, comme une peinture sur une toile.
+\\
+\\
+\\
+\\
-{{ :floss:python:cairo:source.png?direct&|}}=== Source ===
+=== Source ===
+{{ :floss:python:cairo:source.png?direct&|}}
 La source est la «peinture» avec laquelle vous allez travailler. Elle est présentée telle qu'elle est (un noir uni pour plusieurs exemples) ou de manière translucide pour montrer les couches inférieures. Contrairement à la vraie peinture, elle ne doit pas nécessairement être une seule couleur, cela peut être un [[http://www.cairographics.org/manual/cairo-cairo-pattern-t.html|motif]] de ou même une [[http://www.cairographics.org/manual/cairo-surfaces.html|surface]] de destination préalablement créée. En outre, contrairement à la peinture réelle, la source peut contenir une information sur la transparence, le [[http://en.wikipedia.org/wiki/Alpha_compositing|canal Alpha]].
+\\
+\\
+\\
+\\
-{{ :floss:python:cairo:the-mask.png?direct&|}}=== Masque (mask) ===
+=== Masque (mask) ===
+{{ :floss:python:cairo:the-mask.png?direct&|}}
 Le masque est l'élément le plus important : il contrôle l'endroit où vous appliquez la source vers la destination. On le montrera comme une couche jaune avec des trous là où la source peut traverser. Lorsque vous appliquez un verbe de dessin, c'est comme si vous tamponnez la source sur la destination. Partout où le masque le permet, la source est copiée. Là où le masque l'interdit, rien ne passe.
+\\
+\\
+\\
+\\
 === Chemin (path) ===
@@ Ligne 198: / Ligne 214: @@
 [[http://www.tortall.net/mu/wiki/CairoTutorial/draw.py?raw|Tutoriel Cairo: Drawing]] (section #lineto)
-  cr.line_to (0.5, 0.375)
+  cr.line_to(0.5, 0.375)
-  cr.rel_line_to (0.25, -0.125)
+  cr.rel_line_to(0.25, -0.125)
 === Arcs ===
@@ Ligne 208: / Ligne 224: @@
 [[http://www.tortall.net/mu/wiki/CairoTutorial/draw.py?raw|Tutoriel Cairo: Drawing]] (section #arc)
-  cr.arc (0.5, 0.5, 0.25 * sqrt(2), -0.25 * pi, 0.25 * pi)
+  cr.arc(0.5, 0.5, 0.25 * sqrt(2), -0.25 * pi, 0.25 * pi)
 === Courbes ===
@@ Ligne 264: / Ligne 280: @@
 ===== Trucs et astuces =====
-Dans les sections précédentes, vous devriez avoir construit une solide connaissance des opérations que Cairo utilise pour créer des images. Dans cette section, j'ai (NDT : pour rappel, Michaël Urman) rassemblé une petite poignée d'extraits que j'ai trouvé particulièrement utiles ou non évidents. Il peut y avoir d'autres façons pour mieux faire ces choses.
+Dans les sections précédentes, vous devriez avoir construit une solide connaissance des opérations que Cairo utilise pour créer des images. Dans cette section, j'ai (NDT : pour rappel, Michael Urman) rassemblé une petite poignée d'extraits que j'ai trouvé particulièrement utiles ou non évidents. Il peut y avoir d'autres façons pour mieux faire ces choses.
 ==== Largeur de ligne ====
@@ Ligne 317: / Ligne 333: @@
   * [[http://zetcode.com/tutorials/cairographicstutorial/]]
   * [[http://preshing.com/20110831/penrose-tiling-explained]]
+  * [[http://www.cairographics.org/pycairo/|pycairo]]
+  * [[http://savannah.nongnu.org/projects/things/|Things]] : animations, Python + Pycairo