Bloc 1: Couleur

Tache 1:

def couleur_rgb(240, 36, 84)

pass

donne, en tuples

(240,36,84)

Tache 2:

def svg_rgb(240,36,84)

donne, en Tuples

rgb(240, 36, 84)

Tache 3:

def interp_int(22, 30, 0.5)

retourne

(26)

Tache 4:

def interp_rgb((240, 36, 84), (100, 100, 100), 0.5)

retourne

(124,86,147)

Bloc 2: SVG

Je vais faire les test avec jsTinker

Tache 1:

def svg_rect(0, 0, 200, 100, "rgb(270,30,87)")

affiche:

<rect x="0" y="0" width="200" height="100" fill="rgb(270, 30, 87)"/>

qui lui meme, en utilisant la fonction sur jsTinker, donne:

<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">

<rect x="0" y="0" width="200" height="100" fill="rgb(270, 30, 87)"/>

</svg>

Tache 2:

svg_circle(0, 10, 50, "rgb(270,30,87)")

affiche:

<circle cx="100" cy="100" r="100" fill="rgb(270, 30, 87)"/>

qui lui meme, en utilisant la fonction sur jsTinker, donne:

<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">

<circle cx="100" cy="100" r="100" fill="rgb(270, 30, 87)"/>

</svg>

Tache 3:

def svg_gradient_vertical(pink, red, mongrading)

affiche:

<defs>
<linearGradient id="mongradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:pink;"/>
<stop offset="100%" style="stop-color:red;"/>
</linearGradient>
</defs>

qui lui meme, en utilisant la fonction sur jsTinker, donne:

<svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg">

<defs>
<linearGradient id="mongradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:pink;"/>
<stop offset="100%" style="stop-color:red;"/>
</linearGradient>
</defs>
<rect x="0" y="0" width="100" height="100" fill="url(#mongradient)"/>
</svg>

Tache 4:

Bloc 3: Composition