write_gradient.json

Le fichier JSON de l'exemple « Dégradés en ligne droite, en cercle, et une couleur lue dans une fonction ». Cinq panneaux : un bandeau dont la couleur s'éteint, le même fondu posé en diagonale, une lueur prolongée au-delà de son cercle pour que les coins se remplissent, un dégradé qui passe par une troisième couleur, et un damier dont la couleur se calcule à partir de l'endroit où se tient chaque point, plus rouge vers la droite et plus vert vers le haut.

JSON 244 lignes

Ce fichier est une requête : une application l'envoie par le réseau au serveur, qui crée le PDF et le renvoie. Il donne la même page que les versions Rust et Python de cet exemple. Une requête nomme chaque fichier qu'elle emploie, jamais le contenu de ces fichiers ; l'appel porte la requête et les fichiers ensemble. Une police que le serveur détient déjà, comme DejaVuSans, se nomme sans rien y joindre. Envoyez la requête à l'adresse que donne la page de l'API.

La bibliothèque découpe chaque panneau dans la page et peint le dégradé à travers le trou ; la demande remplit un rectangle en prenant le dégradé pour couleur de remplissage. L'encre se pose sur les mêmes points dans un cas comme dans l'autre. La bibliothèque écrit aussi chaque légende à une hauteur énoncée, là où une demande donne plutôt un rectangle à un bloc de mots : le rectangle de chaque légende est donc retrouvé à partir de cette hauteur, et il est bien plus large que ne le demandent les mots qu'il contient.

À quoi sert cet exemple

Un dégradé est le moyen le moins cher de donner à une page plate l'air d'avoir été dessinée par quelqu'un : un en-tête qui s'estompe, un bandeau qui prend un peu d'épaisseur, un panneau qui n'est pas juste un rectangle d'une seule couleur. C'est aussi ce qu'on imite le plus souvent avec une image, et l'imitation se voit dès qu'on imprime la page ou qu'on la regarde de près.

Ce que montre cet exemple

Télécharger le fichier Le même exemple en Rust Le même exemple en Python Voir ce qu'il crée 
  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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
{
  "shadings": [
    {
      "name": "horizontal",
      "shading": {
        "axial": {
          "from": [70.0, 560.0],
          "to": [280.0, 560.0],
          "start": [0.85, 0.12, 0.12],
          "end": [0.12, 0.2, 0.8]
        }
      }
    },
    {
      "name": "diagonal",
      "shading": {
        "axial": {
          "from": [315.0, 490.0],
          "to": [525.0, 730.0],
          "start": [0.95, 0.8, 0.1],
          "end": [0.1, 0.55, 0.2]
        }
      }
    },
    {
      "name": "radial",
      "shading": {
        "radial": {
          "from": [175.0, 405.0, 0.0],
          "to": [175.0, 405.0, 105.0],
          "start": [1.0, 1.0, 1.0],
          "end": [0.1, 0.15, 0.45],
          "extend": [false, true]
        }
      }
    },
    {
      "name": "three_stops",
      "shading": {
        "axial": {
          "from": [315.0, 320.0],
          "to": [525.0, 320.0],
          "space": "rgb",
          "function": {
            "stitching": {
              "functions": [
                {
                  "exponential": {
                    "low": [0.85, 0.12, 0.12],
                    "high": [0.12, 0.6, 0.2]
                  }
                },
                {
                  "exponential": {
                    "low": [0.12, 0.6, 0.2],
                    "high": [0.12, 0.2, 0.8]
                  }
                }
              ],
              "bounds": [0.5],
              "encode": [[0.0, 1.0], [0.0, 1.0]]
            }
          }
        }
      }
    },
    {
      "name": "checkerboard",
      "shading": {
        "function_based": {
          "anti_alias": true,
          "domain": [[0.0, 1.0], [0.0, 1.0]],
          "matrix": [210.0, 0.0, 0.0, 170.0, 70.0, 100.0],
          "space": "rgb",
          "function": {
            "calculation": {
              "domain": [[0.0, 1.0], [0.0, 1.0]],
              "range": [[0.0, 1.0], [0.0, 1.0], [0.0, 1.0]],
              "program": [
                2, "copy", 8.0, "mul", "floor",
                "exch", 8.0, "mul", "floor",
                "add", "cvi", 2, "mod", 0, "ne",
                3, 1, "roll",
                0.2, 4, 3, "roll",
                [
                  0.45, "mul", 3, 1, "roll",
                  0.45, "mul", 3, 1, "roll",
                  0.45, "mul", 3, 1, "roll"
                ],
                "if"
              ]
            }
          }
        }
      }
    }
  ],
  "items": [
    {
      "type": "text",
      "rect": {
        "llx": 70.0,
        "lly": 770.0,
        "urx": 525.0,
        "ury": 791.6
      },
      "content": [
        "Gradients, and a colour read from a function"
      ],
      "font": "DejaVuSans",
      "font_size": 18.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 560.0,
        "urx": 280.0,
        "ury": 730.0
      },
      "fill": {
        "shading": "horizontal"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70.0,
        "lly": 545.0,
        "urx": 280.0,
        "ury": 557.0
      },
      "content": [
        "Axial, two colours"
      ],
      "font": "DejaVuSans",
      "font_size": 10.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 315.0,
        "lly": 560.0,
        "urx": 525.0,
        "ury": 730.0
      },
      "fill": {
        "shading": "diagonal"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 315.0,
        "lly": 545.0,
        "urx": 525.0,
        "ury": 557.0
      },
      "content": [
        "Axial, on the diagonal"
      ],
      "font": "DejaVuSans",
      "font_size": 10.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 320.0,
        "urx": 280.0,
        "ury": 490.0
      },
      "fill": {
        "shading": "radial"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70.0,
        "lly": 305.0,
        "urx": 280.0,
        "ury": 317.0
      },
      "content": [
        "Radial, outer extended"
      ],
      "font": "DejaVuSans",
      "font_size": 10.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 315.0,
        "lly": 320.0,
        "urx": 525.0,
        "ury": 490.0
      },
      "fill": {
        "shading": "three_stops"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 315.0,
        "lly": 305.0,
        "urx": 525.0,
        "ury": 317.0
      },
      "content": [
        "Axial, three stops"
      ],
      "font": "DejaVuSans",
      "font_size": 10.0
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 100.0,
        "urx": 280.0,
        "ury": 270.0
      },
      "fill": {
        "shading": "checkerboard"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70.0,
        "lly": 85.0,
        "urx": 525.0,
        "ury": 97.0
      },
      "content": [
        "Function-based: a checkerboard on x and y at once, anti-aliasing asked for"
      ],
      "font": "DejaVuSans",
      "font_size": 10.0
    }
  ]
}