aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/svgrect/index.html
blob: 520fe67d48ad529b413ab854b80b70501c38e19a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
---
title: SVGRect
slug: Web/API/SVGRect
tags:
  - Rectangle
translation_of: Web/API/SVGRect
---
<h2 id="Interface_SVG_rect">Interface SVG rect</h2>

<p><code>SVGRect</code> représente la géométrie rectangulaire. Les rectangles consistent en une paire de coordonnées (x,y) correspondant à une valeur X minimale, une valeur Y minimale, et une largeur et hauteur, lesquelles sont habituellement positives.</p>

<p>Un objet <code>SVGRect </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>

<h3 id="Vue_d'ensemble_de_l'interface">Vue d'ensemble de l'interface</h3>

<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><em>Aucune</em></td>
  </tr>
  <tr>
   <th scope="row">Propriétés</th>
   <td>
    <ul>
     <li>float <code>x</code></li>
     <li>float <code>y</code></li>
     <li>float <code>width</code></li>
     <li>float <code>height</code></li>
    </ul>
   </td>
  </tr>
  <tr>
   <th scope="row">Document normatif</th>
   <td><a class="external" href="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGRect" title="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGRect">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>x</code></td>
   <td>float</td>
   <td>La coordonnée <em>x</em> du rectangle, en unité utilisateur.</td>
  </tr>
  <tr>
   <td><code>y</code></td>
   <td>float</td>
   <td>La coordonnée <em>y</em> du rectangle, en unité utilisateur.</td>
  </tr>
  <tr>
   <td><code>width</code></td>
   <td>float</td>
   <td>La largeur <em>width</em> du rectangle, en unité utilisateur.</td>
  </tr>
  <tr>
   <td><code>height</code></td>
   <td>float</td>
   <td>La hauteur <em>height</em> du rectangle, en unité utilisateur.</td>
  </tr>
 </tbody>
</table>

<p><strong>Exceptions à l'affectation :</strong> une <code><a href="DOMException" rel="custom">DOMException</a></code> avec le code <code>NO_MODIFICATION_ALLOWED_ERR</code> est levée lors d'une tentative de modification d'un attribut en lecture-seule.</p>

<h2 id="Méthodes">Méthodes</h2>

<p>L'interface <code>SVGRect</code> ne fournit pas de méthode spécifique.</p>

<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonctionnalité</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Support de base</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonctionnalité</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Support de base</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<p> </p>