svg correction

This commit is contained in:
2026-05-09 22:08:19 +02:00
parent 89c365b0ca
commit 878e4e9a03
7 changed files with 91 additions and 91 deletions

View File

@@ -5,17 +5,17 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text> <text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text> <text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/> <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(168 112)" class="fraction-g" data-box="0 -40 110 162"> <g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<text x="55" y="-28" text-anchor="middle" class="frac-big">3</text> <text x="55" y="-28" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/> <line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="110" text-anchor="middle" class="frac-big">4</text> <text x="55" y="110" text-anchor="middle" class="frac-big">4</text>
</g></g> </g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text> <g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text> <circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 218)"> <circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76"> <g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-18" text-anchor="middle" class="body">3</text> <text x="19" y="-14" text-anchor="middle" class="body">3</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/> <line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="34" text-anchor="middle" class="body">4</text> <text x="19" y="34" text-anchor="middle" class="body">4</text>
</g> </g>
<text x="72" y="13" class="body"> se lit : trois quarts</text> <text x="72" y="13" class="body"> se lit : trois quarts</text>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -7,9 +7,9 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/> <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)"> <g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text> <text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84"> <g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<text x="21" y="-21" text-anchor="middle" class="h2">5</text> <text x="21" y="-17" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/> <line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="39" text-anchor="middle" class="h2">4</text> <text x="21" y="39" text-anchor="middle" class="h2">4</text>
</g> </g>
</g> </g>
@@ -21,18 +21,18 @@
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/> <line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/> <line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)"> </g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76"> <g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-18" text-anchor="middle" class="body">5</text> <text x="19" y="-14" text-anchor="middle" class="body">5</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/> <line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="34" text-anchor="middle" class="body">4</text> <text x="19" y="34" text-anchor="middle" class="body">4</text>
</g> </g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 238)"> </g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 238)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76"> <g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-18" text-anchor="middle" class="body">5</text> <text x="19" y="-14" text-anchor="middle" class="body">5</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/> <line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="34" text-anchor="middle" class="body">4</text> <text x="19" y="34" text-anchor="middle" class="body">4</text>
</g> </g>
<text x="74" y="13" class="body"> est juste après 1.</text> <text x="60" y="13" class="body"> est juste après 1.</text>
</g></g> </g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">L&#x27;intervalle de 0 à 1 est l&#x27;unité. Je le partage en parts égales.</text></g> <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">L&#x27;intervalle de 0 à 1 est l&#x27;unité. Je le partage en parts égales.</text></g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -28,36 +28,36 @@
<line x1="220" y1="0" x2="220" y2="80" class="line"/> <line x1="220" y1="0" x2="220" y2="80" class="line"/>
<line x1="330" y1="0" x2="330" y2="80" class="line"/> <line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g> </g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="50" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 100)"> <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">7</text> <text x="26" y="-20" text-anchor="middle" class="num">7</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
<text x="82" y="26" class="op">=</text> <text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">4</text> <text x="26" y="-20" text-anchor="middle" class="num">4</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
<text x="228" y="26" class="op">+</text> <text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">3</text> <text x="26" y="-20" text-anchor="middle" class="num">3</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
</g><g class="math-expression" transform="translate(70 225)"> </g><g class="math-expression" transform="translate(70 235)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">7</text> <text x="26" y="-20" text-anchor="middle" class="num">7</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
<text x="82" y="26" class="op">= 1 +</text> <text x="82" y="21" class="op">= 1 +</text>
<g transform="translate(232 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(232 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">3</text> <text x="26" y="-20" text-anchor="middle" class="num">3</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
</g><text x="70" y="322" class="body">La première unité est complète.</text><text x="70" y="352" class="body">Il reste encore trois quarts.</text></g> </g><text x="70" y="332" class="body">La première unité est complète.</text><text x="70" y="358" class="body">Il reste encore trois quarts.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g> <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -6,15 +6,15 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text> <text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/> <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)"> <g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">3</text> <text x="26" y="-20" text-anchor="middle" class="num">3</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">5</text> <text x="26" y="54" text-anchor="middle" class="num">5</text>
</g> </g>
<text x="90" y="26" class="op">&lt;</text> <text x="90" y="21" class="op">&lt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">4</text> <text x="26" y="-20" text-anchor="middle" class="num">4</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">5</text> <text x="26" y="54" text-anchor="middle" class="num">5</text>
</g> </g>
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/> </g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -36,17 +36,17 @@
<line x1="344" y1="0" x2="344" y2="58" class="line"/> <line x1="344" y1="0" x2="344" y2="58" class="line"/>
</g></g> </g></g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)"> <g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">1</text> <text x="26" y="-20" text-anchor="middle" class="num">1</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">2</text> <text x="26" y="54" text-anchor="middle" class="num">2</text>
</g> </g>
<text x="90" y="26" class="op">&gt;</text> <text x="90" y="21" class="op">&gt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">1</text> <text x="26" y="-20" text-anchor="middle" class="num">1</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">4</text> <text x="26" y="54" text-anchor="middle" class="num">4</text>
</g> </g>
</g><text x="70" y="210" class="body">Quand on partage en plus de parts,</text><text x="70" y="250" class="body">chaque part est plus petite.</text><text x="70" y="315" class="body">Toujours comparer la même unité.</text></g> </g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" class="body">Toujours comparer la même unité.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g> <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -21,27 +21,27 @@
<text x="19" y="34" text-anchor="middle" class="body">3</text> <text x="19" y="34" text-anchor="middle" class="body">3</text>
</g> </g>
</g><g class="math-expression" transform="translate(790 95)"> </g><g class="math-expression" transform="translate(790 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">6</text> <text x="26" y="-20" text-anchor="middle" class="num">6</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">3</text> <text x="26" y="54" text-anchor="middle" class="num">3</text>
</g> </g>
<text x="82" y="26" class="op">= 2</text> <text x="82" y="21" class="op">= 2</text>
</g><g class="math-expression" transform="translate(1040 95)"> </g><g class="math-expression" transform="translate(1040 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">9</text> <text x="26" y="-20" text-anchor="middle" class="num">9</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">3</text> <text x="26" y="54" text-anchor="middle" class="num">3</text>
</g> </g>
<text x="82" y="26" class="op">= 3</text> <text x="82" y="21" class="op">= 3</text>
</g><g class="math-expression" transform="translate(790 235)"> </g><g class="math-expression" transform="translate(790 235)">
<text x="0" y="26" class="op">2 &lt;</text> <text x="0" y="21" class="op">2 &lt;</text>
<g transform="translate(106 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(106 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">7</text> <text x="26" y="-20" text-anchor="middle" class="num">7</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">3</text> <text x="26" y="54" text-anchor="middle" class="num">3</text>
</g> </g>
<text x="192" y="26" class="op">&lt; 3</text> <text x="192" y="21" class="op">&lt; 3</text>
</g></g> </g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g> <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -6,21 +6,21 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text> <text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/> <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)"> <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">2</text> <text x="26" y="-20" text-anchor="middle" class="num">2</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">7</text> <text x="26" y="54" text-anchor="middle" class="num">7</text>
</g> </g>
<text x="86" y="26" class="op">+</text> <text x="86" y="21" class="op">+</text>
<g transform="translate(154 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">3</text> <text x="26" y="-20" text-anchor="middle" class="num">3</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">7</text> <text x="26" y="54" text-anchor="middle" class="num">7</text>
</g> </g>
<text x="240" y="26" class="op">=</text> <text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">5</text> <text x="26" y="-20" text-anchor="middle" class="num">5</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">7</text> <text x="26" y="54" text-anchor="middle" class="num">7</text>
</g> </g>
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/> </g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -36,22 +36,22 @@
<line x1="350" y1="0" x2="350" y2="70" class="line"/> <line x1="350" y1="0" x2="350" y2="70" class="line"/>
<line x1="420" y1="0" x2="420" y2="70" class="line"/> <line x1="420" y1="0" x2="420" y2="70" class="line"/>
</g></g> </g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 292)"> <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 270)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">6</text> <text x="26" y="-20" text-anchor="middle" class="num">6</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">8</text> <text x="26" y="54" text-anchor="middle" class="num">8</text>
</g> </g>
<text x="86" y="26" class="op">-</text> <text x="86" y="21" class="op">-</text>
<g transform="translate(154 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">2</text> <text x="26" y="-20" text-anchor="middle" class="num">2</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">8</text> <text x="26" y="54" text-anchor="middle" class="num">8</text>
</g> </g>
<text x="240" y="26" class="op">=</text> <text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="0 -40 52 106"> <g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-28" text-anchor="middle" class="num">4</text> <text x="26" y="-20" text-anchor="middle" class="num">4</text>
<line x1="0" y1="5" x2="52" y2="5" class="frac-line"/> <line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="54" text-anchor="middle" class="num">8</text> <text x="26" y="54" text-anchor="middle" class="num">8</text>
</g> </g>
</g></g> </g></g>

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -22,11 +22,11 @@
<line x1="330" y1="0" x2="330" y2="90" class="line"/> <line x1="330" y1="0" x2="330" y2="90" class="line"/>
</g><text x="80" y="285" class="body">20 partagé en 4 parts : chaque part vaut 5.</text><text x="80" y="330" class="body">Je prends 3 parts : 15.</text></g> </g><text x="80" y="285" class="body">20 partagé en 4 parts : chaque part vaut 5.</text><text x="80" y="330" class="body">Je prends 3 parts : 15.</text></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g> <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression" transform="translate(36 84)"> <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
<text x="0" y="13" class="body">Pour trouver</text> <text x="0" y="13" class="body">Pour trouver</text>
<g transform="translate(324 0)" class="fraction-g" data-box="0 -30 38 76"> <g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-18" text-anchor="middle" class="body">3</text> <text x="19" y="-14" text-anchor="middle" class="body">3</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/> <line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="34" text-anchor="middle" class="body">4</text> <text x="19" y="34" text-anchor="middle" class="body">4</text>
</g> </g>
<text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text> <text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB