svg fraction correction exercice

This commit is contained in:
2026-05-12 21:06:49 +02:00
parent 06bc8e3cf4
commit 7e82f1c0a5
18 changed files with 59 additions and 37 deletions

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Lire et ecrire une fraction</text>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="153" x2="360" y2="153" class="blank" /><g transform="translate(58 255)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="263" x2="360" y2="263" class="blank" /><g transform="translate(58 365)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="373" x2="360" y2="373" class="blank" /><g transform="translate(58 475)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 102 110"><text x="43" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="62" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="483" x2="360" y2="483" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 125)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="133" x2="360" y2="133" class="blank" /><g transform="translate(58 247)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="255" x2="360" y2="255" class="blank" /><g transform="translate(58 369)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="377" x2="360" y2="377" class="blank" /><g transform="translate(58 491)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="58" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="499" x2="360" y2="499" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Representer une fraction partagee</text>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction sur demi-droite</text>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fractions superieures a 1</text>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Encadrer une fraction</text>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 102 110"><text x="43" y="-25" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="62" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-24" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="58" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction d'une quantite</text>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Lire et ecrire une fraction</text>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="153" x2="360" y2="153" class="blank" /><g transform="translate(58 255)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="263" x2="360" y2="263" class="blank" /><g transform="translate(58 365)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="373" x2="360" y2="373" class="blank" /><g transform="translate(58 475)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 102 110"><text x="43" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="62" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="483" x2="360" y2="483" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 125)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="133" x2="360" y2="133" class="blank" /><g transform="translate(58 247)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="255" x2="360" y2="255" class="blank" /><g transform="translate(58 369)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="377" x2="360" y2="377" class="blank" /><g transform="translate(58 491)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="58" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="499" x2="360" y2="499" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Representer une fraction partagee</text>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction sur demi-droite</text>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fractions superieures a 1</text>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Encadrer une fraction</text>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 102 110"><text x="43" y="-25" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="62" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-24" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="58" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -7,7 +7,7 @@
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction d'une quantite</text>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-8 -52 74 110"><text x="29" y="-25" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="62" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-24" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="58" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@@ -18,7 +18,7 @@ STYLE = """
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:20px;fill:#2d4148}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:52px;font-weight:800;fill:#074f4b}
.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:36px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:34px;font-weight:800;fill:#074f4b}
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
@@ -44,10 +44,10 @@ def fraction(x: int, y: int, n: str | int, d: str | int, size: int = 52) -> str:
cx = width / 2
return (
f'<g transform="translate({x} {y})" class="math-expression fraction-g" '
f'data-math="fraction" data-box="-8 -52 {width + 16} 110">'
f'<text x="{cx:g}" y="-25" text-anchor="middle" class="frac">{escape(n_text)}</text>'
f'data-math="fraction" data-box="-10 -48 {width + 20} 110">'
f'<text x="{cx:g}" y="-24" text-anchor="middle" class="frac">{escape(n_text)}</text>'
f'<line x1="0" y1="8" x2="{width}" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" />'
f'<text x="{cx:g}" y="62" text-anchor="middle" class="frac">{escape(d_text)}</text>'
f'<text x="{cx:g}" y="58" text-anchor="middle" class="frac">{escape(d_text)}</text>'
"</g>"
)
@@ -103,7 +103,7 @@ def number_line(x: int, y: int, parts: int, point: int | None = None, width: int
def svg_01() -> str:
c1 = "".join(
fraction(58, y, n, d) + line(190, y + 8, 360, y + 8)
for y, (n, d) in zip([145, 255, 365, 475], [(1, 2), (3, 4), (5, 8), (7, 10)])
for y, (n, d) in zip([125, 247, 369, 491], [(1, 2), (3, 4), (5, 8), (7, 10)])
)
c2 = "".join(
fraction(58, y, n, d) + text(175, y - 22, "Numerateur :", "small") + line(320, y - 22, 385, y - 22)

View File

@@ -133,6 +133,18 @@ def overlaps(a: Box, b: Box) -> bool:
return a.x1 < b.x2 and a.x2 > b.x1 and a.y1 < b.y2 and a.y2 > b.y1
def horizontal_overlap(a: Box, b: Box) -> bool:
return a.x1 < b.x2 and a.x2 > b.x1
def vertical_gap(a: Box, b: Box) -> float:
if a.y2 <= b.y1:
return b.y1 - a.y2
if b.y2 <= a.y1:
return a.y1 - b.y2
return 0.0
def parse_data_box(node: ET.Element, ox: float, oy: float) -> Box | None:
match = DATA_BOX_RE.match(node.attrib.get("data-box") or "")
if not match:
@@ -233,6 +245,16 @@ def validate_layout_collisions(path: Path, root: ET.Element, styles: dict[str, d
f"Chevauchement autour d'une fraction: {first.kind} {first.label!r} avec {second.kind} {second.label!r}.",
)
)
elif first.kind == "fraction" and second.kind == "fraction" and horizontal_overlap(first, second):
gap = vertical_gap(first, second)
if gap < 12:
issues.append(
Issue(
"error",
path,
f"Marge verticale insuffisante entre fractions: {first.label!r} et {second.label!r} ({gap:.1f}px).",
)
)
return issues