aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/svgmatrix
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/svgmatrix
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/svgmatrix')
-rw-r--r--files/fr/web/api/svgmatrix/index.md481
1 files changed, 271 insertions, 210 deletions
diff --git a/files/fr/web/api/svgmatrix/index.md b/files/fr/web/api/svgmatrix/index.md
index 374dd11c20..a90c8251a9 100644
--- a/files/fr/web/api/svgmatrix/index.md
+++ b/files/fr/web/api/svgmatrix/index.md
@@ -6,238 +6,299 @@ tags:
- Reference
translation_of: Web/API/SVGMatrix
---
-<h2 id="Interface_SVG_matrix">Interface SVG matrix</h2>
+## Interface SVG matrix
-<p>Beaucoup d'opération graphiques de SVG utilisent des matrices 2x3 de la forme :</p>
+Beaucoup d'opération graphiques de SVG utilisent des matrices 2x3 de la forme :
-<pre>[a c e]
-[b d f]</pre>
+ [a c e]
+ [b d f]
-<p>laquelle, quand étendue en une matrice 3x3 à des fins d'arithmétique matricielle, devient :</p>
+laquelle, quand étendue en une matrice 3x3 à des fins d'arithmétique matricielle, devient :
-<pre>[a c e]
-[b d f]
-[0 0 1]
-</pre>
+ [a c e]
+ [b d f]
+ [0 0 1]
-<p>Un objet <code>SVGMatrix</code> peut être marqué en lecture-seule, ce qui signifie que les tentatives de modification sur cet objet entraîneront un lancement d'exception.</p>
+Un objet `SVGMatrix` peut être marqué en lecture-seule, ce qui signifie que les tentatives de modification sur cet objet entraîneront un lancement d'exception.
-<h3 id="Vue_d'ensemble_de_l'interface">Vue d'ensemble de l'interface</h3>
+### Vue d'ensemble de l'interface
<table class="standard-table">
- <tbody>
- <tr>
- <th scope="row">Implémente aussi</th>
- <td><em>Aucune</em></td>
- </tr>
- <tr>
- <th scope="row">Méthodes</th>
- <td>
- <ul>
- <li>{{ domxref("SVGMatrix") }} <code>multiply(in {{ domxref("SVGMatrix") }} <em>secondMatrix</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>inverse()</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>translate(in float <em>x</em>, in float <em>y</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>scale(in float <em>scaleFactor</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>scaleNonUniform(in float scaleFactorX, in float <em>scaleFactorY</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>rotate(in float<code> <em>angle</em>)</code></code></li>
- <li>{{ domxref("SVGMatrix") }} <code>rotateFromVector(in float <em>x</em>, in float <em>y</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>flipX()</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>flipY()</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>skewX(in float <em>angle</em>)</code></li>
- <li>{{ domxref("SVGMatrix") }} <code>skewY(in float <em>angle</em>)</code></li>
- </ul>
- </td>
- </tr>
- <tr>
- <th scope="row">Propriétés</th>
- <td>
- <ul>
- <li>float <code>a</code></li>
- <li>float <code>b</code></li>
- <li>float <code>c</code></li>
- <li>float <code>d</code></li>
- <li>float <code>e</code></li>
- <li>float <code>f</code></li>
- </ul>
- </td>
- </tr>
- <tr>
- <th scope="row">Document normatif</th>
- <td><a href="http://www.w3.org/TR/SVG/coords.html#InterfaceSVGMatrix">SVG 1.1 (2nd Edition)</a></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Propriétés">Propriétés</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Nom</th>
- <th>Type</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>a</code></td>
- <td>float</td>
- <td>Le composant <em>a</em> de la matrice.</td>
- </tr>
- <tr>
- <td><code>b</code></td>
- <td>float</td>
- <td>Le composant <em>b</em> de la matrice.</td>
- </tr>
- <tr>
- <td><code>c</code></td>
- <td>float</td>
- <td>Le composant c de la matrice.</td>
- </tr>
- <tr>
- <td><code>d</code></td>
- <td>float</td>
- <td>Le composant <em>d</em> de la matrice.</td>
- </tr>
- <tr>
- <td><code>e</code></td>
- <td>float</td>
- <td>Le composant <em>e</em> de la matrice.</td>
- </tr>
- <tr>
- <td><code>f</code></td>
- <td>float</td>
- <td>Le composant <em>f</em> de la matrice.</td>
- </tr>
- </tbody>
+ <tbody>
+ <tr>
+ <th scope="row">Implémente aussi</th>
+ <td><em>Aucune</em></td>
+ </tr>
+ <tr>
+ <th scope="row">Méthodes</th>
+ <td>
+ <ul>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code
+ >multiply(in {{ domxref("SVGMatrix") }}
+ <em>secondMatrix</em>)</code
+ >
+ </li>
+ <li>{{ domxref("SVGMatrix") }} <code>inverse()</code></li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code>translate(in float <em>x</em>, in float <em>y</em>)</code>
+ </li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code>scale(in float <em>scaleFactor</em>)</code>
+ </li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code
+ >scaleNonUniform(in float scaleFactorX, in float
+ <em>scaleFactorY</em>)</code
+ >
+ </li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code
+ >rotate(in float<code> <em>angle</em>)</code></code
+ >
+ </li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code
+ >rotateFromVector(in float <em>x</em>, in float <em>y</em>)</code
+ >
+ </li>
+ <li>{{ domxref("SVGMatrix") }} <code>flipX()</code></li>
+ <li>{{ domxref("SVGMatrix") }} <code>flipY()</code></li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code>skewX(in float <em>angle</em>)</code>
+ </li>
+ <li>
+ {{ domxref("SVGMatrix") }}
+ <code>skewY(in float <em>angle</em>)</code>
+ </li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <th scope="row">Propriétés</th>
+ <td>
+ <ul>
+ <li>float <code>a</code></li>
+ <li>float <code>b</code></li>
+ <li>float <code>c</code></li>
+ <li>float <code>d</code></li>
+ <li>float <code>e</code></li>
+ <li>float <code>f</code></li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <th scope="row">Document normatif</th>
+ <td>
+ <a href="http://www.w3.org/TR/SVG/coords.html#InterfaceSVGMatrix"
+ >SVG 1.1 (2nd Edition)</a
+ >
+ </td>
+ </tr>
+ </tbody>
</table>
-<p>Une {{ domxref("DOMException") }} avec le code <code>NO_MODIFICATION_ALLOWED_ERR</code> est levée lors d'une tentative de modification d'un attribut en lecture-seule ou quand l'objet lui-même est en lecture-seule.</p>
-
-<h2 id="Méthodes">Méthodes</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Nom &amp; Arguments</th>
- <th>Retourne</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code><strong>multiply</strong>(in {{ domxref("SVGMatrix") }} <em>secondMatrix</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>Effectue une multiplication de matrices. Cette matrice est multipliée par une autre matrice, retournant la nouvelle matrice résultante.</td>
- </tr>
- <tr>
- <td><code><strong>inverse</strong>()</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <p>Retourne la matrice inverse.</p>
-
- <p><strong>Exceptions :</strong></p>
-
- <ul>
- <li>une {{ domxref("DOMException") }} avec le code <code>SVG_MATRIX_NOT_INVERTABLE</code> est levée si la matrice n'est pas inversible.</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td><code><strong>translate</strong>(in float <em>x</em>, in float <em>y</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une translation sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>scale</strong>(in float <em>scaleFactor</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une mise à l'échelle uniforme sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>scaleNonUniform</strong>(in float <em>scaleFactorX</em>, in float <em>scaleFactorY</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une mise à l'échelle non-uniforme sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>rotate</strong>(in float <em>angle</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une rotation sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>rotateFromVector</strong>(in float <em>x</em>, in float <em>y</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <p>Effectue une rotation sur la matrice courante et retourne la matrice résultante. L'angle de rotation est déterminé en prenant (+/-) atan(y/x). La direction du vecteur (x, y) détermine si la valeur négative ou positive de l'angle est utilisée.</p>
-
- <p><strong>Exceptions :</strong></p>
-
- <ul>
- <li>une {{ domxref("DOMException") }} avec le code <code>SVG_INVALID_VALUE_ERR </code>est levée si un de ces paramètres a une valeur invalide.</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td><code><strong>flipX</strong>()</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une transformation [-1 0 0 1 0 0] et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>flipY</strong>()</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une transformation [1 0 0 -1 0 0] et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>skewX</strong>(in float <em>angle</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une transformation de skewX sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- <tr>
- <td><code><strong>skewY</strong>(in float <em>angle</em>)</code></td>
- <td>{{ domxref("SVGMatrix") }}</td>
- <td>
- <div>Effectue une transformation de skewY sur la matrice courante et retourne la matrice résultante.</div>
- </td>
- </tr>
- </tbody>
-</table>
+## Propriétés
-<h2 id="Exceptions">Exceptions</h2>
+| Nom | Type | Description |
+| --- | ----- | ------------------------------- |
+| `a` | float | Le composant _a_ de la matrice. |
+| `b` | float | Le composant _b_ de la matrice. |
+| `c` | float | Le composant c de la matrice. |
+| `d` | float | Le composant _d_ de la matrice. |
+| `e` | float | Le composant _e_ de la matrice. |
+| `f` | float | Le composant _f_ de la matrice. |
-<p>Une {{domxref("DOMException")}} avec le code <code>NO_MODIFICATION_ALLOWED_ERR</code> est levée lors d'une tentative de mise à jour d'un attribut en lecture seule ou lorsque l'objet lui-même est en lecture seule.</p>
+Une {{ domxref("DOMException") }} avec le code `NO_MODIFICATION_ALLOWED_ERR` est levée lors d'une tentative de modification d'un attribut en lecture-seule ou quand l'objet lui-même est en lecture-seule.
-<h2 id="Specifications">Spécifications</h2>
+## Méthodes
<table class="standard-table">
<thead>
<tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
+ <th>Nom &#x26; Arguments</th>
+ <th>Retourne</th>
+ <th>Description</th>
</tr>
</thead>
<tbody>
<tr>
- <td>{{SpecName("SVG1.1", "coords.html#InterfaceSVGMatrix", "SVGMatrix")}}</td>
- <td>{{Spec2("SVG1.1")}}</td>
- <td>Définition initiale</td>
+ <td>
+ <code
+ ><strong>multiply</strong>(in {{ domxref("SVGMatrix") }}
+ <em>secondMatrix</em>)</code
+ >
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ Effectue une multiplication de matrices. Cette matrice est multipliée
+ par une autre matrice, retournant la nouvelle matrice résultante.
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>inverse</strong>()</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <p>Retourne la matrice inverse.</p>
+ <p><strong>Exceptions :</strong></p>
+ <ul>
+ <li>
+ une {{ domxref("DOMException") }} avec le code
+ <code>SVG_MATRIX_NOT_INVERTABLE</code> est levée si la matrice n'est
+ pas inversible.
+ </li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code
+ ><strong>translate</strong>(in float <em>x</em>, in float
+ <em>y</em>)</code
+ >
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une translation sur la matrice courante et retourne la
+ matrice résultante.
+ </div>
+ </td>
</tr>
- </tbody>
+ <tr>
+ <td>
+ <code><strong>scale</strong>(in float <em>scaleFactor</em>)</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une mise à l'échelle uniforme sur la matrice courante et
+ retourne la matrice résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code
+ ><strong>scaleNonUniform</strong>(in float <em>scaleFactorX</em>, in
+ float <em>scaleFactorY</em>)</code
+ >
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une mise à l'échelle non-uniforme sur la matrice courante et
+ retourne la matrice résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>rotate</strong>(in float <em>angle</em>)</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une rotation sur la matrice courante et retourne la matrice
+ résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code
+ ><strong>rotateFromVector</strong>(in float <em>x</em>, in float
+ <em>y</em>)</code
+ >
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <p>
+ Effectue une rotation sur la matrice courante et retourne la matrice
+ résultante. L'angle de rotation est déterminé en prenant (+/-)
+ atan(y/x). La direction du vecteur (x, y) détermine si la valeur
+ négative ou positive de l'angle est utilisée.
+ </p>
+ <p><strong>Exceptions :</strong></p>
+ <ul>
+ <li>
+ une {{ domxref("DOMException") }} avec le code
+ <code>SVG_INVALID_VALUE_ERR </code>est levée si un de ces paramètres
+ a une valeur invalide.
+ </li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>flipX</strong>()</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une transformation [-1 0 0 1 0 0] et retourne la matrice
+ résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>flipY</strong>()</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une transformation [1 0 0 -1 0 0] et retourne la matrice
+ résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>skewX</strong>(in float <em>angle</em>)</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une transformation de skewX sur la matrice courante et
+ retourne la matrice résultante.
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code><strong>skewY</strong>(in float <em>angle</em>)</code>
+ </td>
+ <td>{{ domxref("SVGMatrix") }}</td>
+ <td>
+ <div>
+ Effectue une transformation de skewY sur la matrice courante et
+ retourne la matrice résultante.
+ </div>
+ </td>
+ </tr>
+ </tbody>
</table>
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Exceptions
+
+Une {{domxref("DOMException")}} avec le code `NO_MODIFICATION_ALLOWED_ERR` est levée lors d'une tentative de mise à jour d'un attribut en lecture seule ou lorsque l'objet lui-même est en lecture seule.
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------- | ------------------------ | ------------------- |
+| {{SpecName("SVG1.1", "coords.html#InterfaceSVGMatrix", "SVGMatrix")}} | {{Spec2("SVG1.1")}} | Définition initiale |
+
+## Compatibilité des navigateurs
-<p>{{Compat("api.SVGMatrix")}}</p>
+{{Compat("api.SVGMatrix")}}