svg correction
This commit is contained in:
@@ -77,6 +77,8 @@ Règles obligatoires :
|
|||||||
- toute `fraction-g` doit porter un `data-box="x y width height"` couvrant le numérateur, la barre, le dénominateur et la marge pédagogique ;
|
- toute `fraction-g` doit porter un `data-box="x y width height"` couvrant le numérateur, la barre, le dénominateur et la marge pédagogique ;
|
||||||
- aucun texte, opérateur, figure, point, disque, bande ou autre fraction ne peut intersecter cette boîte ;
|
- aucun texte, opérateur, figure, point, disque, bande ou autre fraction ne peut intersecter cette boîte ;
|
||||||
- dans une expression, le curseur horizontal avance de la largeur réservée de la fraction plus un espacement minimal de 28 px pour du texte courant et 34 px pour les signes visibles ;
|
- dans une expression, le curseur horizontal avance de la largeur réservée de la fraction plus un espacement minimal de 28 px pour du texte courant et 34 px pour les signes visibles ;
|
||||||
|
- dans une opération, chaque opérateur et chaque nombre isolé est un token séparé ; ne jamais écrire `= 1 +` dans un seul texte si une fraction suit, car l'écart avec la fraction suivante devient impossible à contrôler ;
|
||||||
|
- les écarts visuels entre les tokens d'une même opération doivent rester constants : fraction, signe, entier, signe, fraction avancent sur une grille régulière ;
|
||||||
- les signes `+`, `-`, `=`, `<`, `>` sont centrés sur l'axe de la barre de fraction, pas sur la ligne de base des chiffres ;
|
- les signes `+`, `-`, `=`, `<`, `>` sont centrés sur l'axe de la barre de fraction, pas sur la ligne de base des chiffres ;
|
||||||
- les signes de comparaison sont placés au milieu de l'espace entre les deux boîtes de fractions ;
|
- les signes de comparaison sont placés au milieu de l'espace entre les deux boîtes de fractions ;
|
||||||
- les chiffres d'une fraction sont équilibrés optiquement autour du trait : le numérateur est placé plus bas que ne le suggère une symétrie de baseline SVG pure, afin que l'espace visible au-dessus et au-dessous du trait paraisse identique ;
|
- les chiffres d'une fraction sont équilibrés optiquement autour du trait : le numérateur est placé plus bas que ne le suggère une symétrie de baseline SVG pure, afin que l'espace visible au-dessus et au-dessous du trait paraisse identique ;
|
||||||
|
|||||||
@@ -52,8 +52,10 @@
|
|||||||
<line x1="0" y1="8" x2="52" y2="8" 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="21" class="op">= 1 +</text>
|
<text x="82" y="21" class="op">=</text>
|
||||||
<g transform="translate(232 0)" class="fraction-g" data-box="-5 -44 62 112">
|
<text x="130" y="21" class="op">1</text>
|
||||||
|
<text x="178" y="21" class="op">+</text>
|
||||||
|
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||||
<line x1="0" y1="8" x2="52" y2="8" 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>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.2 KiB |
@@ -26,22 +26,26 @@
|
|||||||
<line x1="0" y1="8" x2="52" y2="8" 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="21" class="op">= 2</text>
|
<text x="82" y="21" class="op">=</text>
|
||||||
|
<text x="132" 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="-5 -44 62 112">
|
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||||
<text x="26" y="-4" text-anchor="middle" class="num">9</text>
|
<text x="26" y="-4" text-anchor="middle" class="num">9</text>
|
||||||
<line x1="0" y1="8" x2="52" y2="8" 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="21" class="op">= 3</text>
|
<text x="82" y="21" class="op">=</text>
|
||||||
|
<text x="132" 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="21" class="op">2 <</text>
|
<text x="0" y="21" class="op">2</text>
|
||||||
<g transform="translate(106 0)" class="fraction-g" data-box="-5 -44 62 112">
|
<text x="62" y="21" class="op"><</text>
|
||||||
|
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||||
<line x1="0" y1="8" x2="52" y2="8" 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="21" class="op">< 3</text>
|
<text x="210" y="21" class="op"><</text>
|
||||||
|
<text x="272" y="21" class="op">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.7 KiB |
Reference in New Issue
Block a user