svg fraction correction exercice
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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 > 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 > 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 > 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 > 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.4 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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">... <</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">< ...</text><text x="45" y="327" class="op">... <</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">< ...</text><text x="45" y="477" class="op">... <</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">< ...</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">... <</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">< ...</text><text x="45" y="327" class="op">... <</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">< ...</text><text x="45" y="477" class="op">... <</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">< ...</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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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 > 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 > 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 > 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 > 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.4 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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">... <</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">< ...</text><text x="45" y="327" class="op">... <</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">< ...</text><text x="45" y="477" class="op">... <</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">< ...</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">... <</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">< ...</text><text x="45" y="327" class="op">... <</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">< ...</text><text x="45" y="477" class="op">... <</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">< ...</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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
@@ -7,7 +7,7 @@
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
||||||
@@ -17,5 +17,5 @@
|
|||||||
<rect class="bg" width="1600" height="900" />
|
<rect class="bg" width="1600" height="900" />
|
||||||
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
|
<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>
|
<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>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
@@ -18,7 +18,7 @@ STYLE = """
|
|||||||
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:28px;font-weight:800;fill:#074f4b}
|
.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}
|
.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}
|
.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}
|
.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}
|
.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}
|
||||||
.axis{stroke:#26383d;stroke-width:4;stroke-linecap:round}
|
.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
|
cx = width / 2
|
||||||
return (
|
return (
|
||||||
f'<g transform="translate({x} {y})" class="math-expression fraction-g" '
|
f'<g transform="translate({x} {y})" class="math-expression fraction-g" '
|
||||||
f'data-math="fraction" data-box="-8 -52 {width + 16} 110">'
|
f'data-math="fraction" data-box="-10 -48 {width + 20} 110">'
|
||||||
f'<text x="{cx:g}" y="-25" text-anchor="middle" class="frac">{escape(n_text)}</text>'
|
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'<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>"
|
"</g>"
|
||||||
)
|
)
|
||||||
|
|
||||||
@@ -103,7 +103,7 @@ def number_line(x: int, y: int, parts: int, point: int | None = None, width: int
|
|||||||
def svg_01() -> str:
|
def svg_01() -> str:
|
||||||
c1 = "".join(
|
c1 = "".join(
|
||||||
fraction(58, y, n, d) + line(190, y + 8, 360, y + 8)
|
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(
|
c2 = "".join(
|
||||||
fraction(58, y, n, d) + text(175, y - 22, "Numerateur :", "small") + line(320, y - 22, 385, y - 22)
|
fraction(58, y, n, d) + text(175, y - 22, "Numerateur :", "small") + line(320, y - 22, 385, y - 22)
|
||||||
|
|||||||
@@ -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
|
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:
|
def parse_data_box(node: ET.Element, ox: float, oy: float) -> Box | None:
|
||||||
match = DATA_BOX_RE.match(node.attrib.get("data-box") or "")
|
match = DATA_BOX_RE.match(node.attrib.get("data-box") or "")
|
||||||
if not match:
|
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}.",
|
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
|
return issues
|
||||||
|
|
||||||
|
|
||||||
|
|||||||