mettre du texte sur image

[Lionel Verbecq]

Up

0

Down

::

Bonjour,

Sur une image placée en fond, je mets des valeurs choisies. Cela me permet d’illustrer mon exercice tout en le rendant aléatoire.

Lien : https://mathscollege.ynh.fr/nextcloud/s/x9zDCGbAGJis8FL

avec le programme suivant  ( 5 et 152 sont pris au hasard pour que je comprenne, je randomiserai après ) :

\title{essai image}
\integer{dentsA=5}
\integer{dentsB=152}
\text{dessinprelim=
xrange 0,462
yrange 0,382
copy 0,382,-1,-1,-1,-1,engrenage.jpg}

\text{dessin=
text black,80,40,large,\dentsA}

\text{tableau=draw(462,382
\dessinprelim
\dessin)}

\statement{<div class="wimscenter">
<img src="\tableau" alt="" />
</div>
}

J’ai trois questions :

1) Puis-je encore agrandir la taille des caractères devant dentsA pour que cela  devienne équivalent à la taille de « dents » de l’image ? Ou dois-je réduire la taille de mon image ?

2) Pour déterminer la position de mes nombres à placer sur le dessin, j’y vais à tâtons. Y a-t-il une méthode plus directe ?

3) Y a-t-il une autre méthode plus rapide ou plus facile pour placer du texte sur une image de fond ?

Merci.

Lionel.

• Ce sujet a été modifié il y a 2 années et 2 mois par Olivier. Raison : ajout de `...` autour du code

[bernadette]

Up

0

Down

::

Il y a un outil accessible quand on est dans modtool  (Imageclick) qui permet de trouver les coordonnées en pixels de points. On peut aussi faire des exos simples ensuite, mais pas forcément.

Je ne sais pas si cela peut t’être utile pour déterminer la position de tes nombres.

Bernadette

[Olivier]

Up

0

Down

::

Bonjour Lionel,
Il faut au maximum éviter d’écrire du texte dans une image, car ce n’est pas accessible aux mal-voyants.

Pourquoi ne pas simplement écrire le texte en dessous de l’image, comme dans cet exemple ?

\title{essai image}

\integer{dentsA=5}
\integer{dentsB=152}

\statement{
<p>Voici 2 engrenages (A à gauche et B à droite) :</p>
<div class="wimscenter">
   <img style="max-height:35em" src="https://static.vecteezy.com/system/resources/previews/000/645/715/original/gear-icon-symbol-sign-vector.jpg">
   <div class="flex_box">
     <p>Enrenage A (\dentsA dents)</p><p>Enrenage B (___ dents)</p>
   </div>
</div>
}

Olivier Bado-Faustin / Université Côte d’Azur

[bernadette]

Up

0

Down

::

Et si on fait un dessin avec canvasdraw, c’est plus accessible ? Je n’ai jamais vraiment su.

Bernadette

 

[Olivier]

Up

0

Down

::

En théorie, ca peut l’être légèrement plus, mais ca reste mieux de mettre le texte directement quand on peut.

Olivier Bado-Faustin / Université Côte d’Azur

[Lionel Verbecq]

Up

0

Down

::

Bonjour,

Merci de vos réponses.

@Bernadette, je connais imageclick et effectivement je l’utilise entre autres pour connaitre la position de points.

@Olivier, merci pour le programme. J’ai eu la même idée. Cela simplifie mon problème.

Bonne soiée.

Lionel.

 

[Auteur]

Messages