In our last issue, we looked at adding some basic images to a document. Just like in sections and subsections, we can have sub images, (or tables or diagrams), such as figure 1 followed by figure 1.1, and be able to reference that. These also require the graphicx pre-processor as well as a new one, subcaption. Let us start by adding that to our file from last time. Just below: \usepackage{graphicx} add another line: \usepackage{subcaption} Since we have told the computer which package we wish to use, we can now go ahead and use it. The catch with this subcaption is that you need to specify the space you want to take up, beforehand. You also need to remember that it is a nested command. This means that the new image / subfigure is encapsulated by a figure. What does this look like? My file is named “you.png” in my “Figures” folder (code shown top right). Now build and view. What went wrong? In our last bout, we added square brackets after \begin{figure}[p], to specify placement, but, in subfigures, we use curly braces to specify the size. Change that first line to: \begin{subfigure}{0.25\textwidth}
Dans le dernier numéro, nous avons examiné l'ajout de quelques images de base dans un document. Tout comme dans les sections et les sous-sections, nous pouvons avoir des sous-images (ou des tableaux ou des diagrammes), comme la figure 1 suivie de la figure 1.1, et pouvoir y faire référence. Cela nécessite également le pré-processeur graphicx ainsi qu'un nouveau pré-processeur, subcaption.
Commençons par l'ajouter à notre fichier de la dernière fois. Juste en dessous de \usepackage{graphicx}, ajoutez une autre ligne : \usepackage{subcaption}
Puisque nous avons indiqué à l'ordinateur le paquet que nous souhaitons utiliser, nous pouvons maintenant l'utiliser. L'inconvénient de ce « subcaption », c'est que vous devez spécifier au préalable l'espace que vous souhaitez occuper. Vous devez également vous rappeler qu'il s'agit d'une commande imbriquée. Cela signifie que la nouvelle image/sous-figure est encapsulée dans une figure. À quoi cela ressemble-t-il ? Mon fichier est nommé « you.png » dans mon dossier « Figures » (code affiché en haut à droite).
Maintenant, construisez et visualisez. Qu'est-ce qui ne va pas ? Dans notre dernière partie, nous avons ajouté des crochets après \begin{figure}[p], pour spécifier le placement, mais, dans les sous-figures, nous utilisons des accolades pour spécifier la taille.
Changez cette première ligne en :
\begin{subfigure}{0,25\textwidth}
Build and view. Hey! Look at you, already going at it like a pro! (F5) Again, you have to remember that if you have no text, using textwidth or textheight will net you a big fat zero on a contract and your image will not scale. Let’s see how that works? OK, before we do that, I want to introduce you to a package called lipsum. All it does is create lorem ipsum dummy text. It just saves me from typing it all out to demonstrate something that is related to text. Nothing funny. See: https://blog.chapagain.com.np/latex-generate-dummy-text-lorem-ipsum-in-your-document/ As this is becoming a lot of code, clear it all up to the pre-processor part (this is for simplicity’s sake, nothing else). So our code will look like that shown on the previous page, bottom right. You will notice I added the lipsum package and added my dummy text. Press F5 and your output should look like this: Now we can demonstrate figures that relate to the size of the text.
Compilez et regardez.
Hé ! Regardez-vous, vous y allez déjà comme un pro ! (F5)
Encore une fois, vous devez vous rappeler que si vous n'avez pas de texte, l'utilisation de textwidth ou textheight vous donnera un gros zéro sur un contrat et votre image ne sera pas mise à l'échelle. Voyons comment cela fonctionne.
OK, avant de faire cela, je veux vous présenter un paquet appelé lipsum. Tout ce qu'il fait, c'est créer du texte factice lorem ipsum. Cela m'évite de tout taper pour démontrer quelque chose qui a trait à du texte. Rien de drôle. Voir : https://blog.chapagain.com.np/latex-generate-dummy-text-lorem-ipsum-in-your-document/
Comme cela commence à faire beaucoup de code, effacez tout jusqu'à la partie du pré-processeur (ceci pour des raisons de simplicité, rien d'autre).
Ainsi, notre code ressemblera à celui montré sur la page précédente, en bas à droite.
Vous remarquerez que j'ai ajouté le paquet lipsum et que j'ai ajouté mon texte factice. Appuyez sur F5 et votre résultat devrait ressembler à ceci : Maintenant, nous pouvons parler des chiffres qui se rapportent à la taille du texte.
Now for your challenge: add a figure after the last /lipsum. Did you manage? Great! If you didn’t, go back to the previous issue and redo the lesson, practise makes perfect! Now, let’s wrangle our image down to size. How do we do that? The dropdown in TeXstudio gives you this: \includegraphics[keyvals]{imagefile} Your attention should be on those “keyvals” key values. Clear it out and type a “w” and width will be one of the options, choose that. To make your image nestle in perfectly, set your width to your line width. (It should pop up in the IDE) Now compile it and look at your output. Here is mine: Does your line match mine? \includegraphics[width=\linewidth]{Figures/you}
Maintenant, votre défi : ajoutez un chiffre après le dernier /lipsum.
Vous avez réussi ? Très bien ! Si vous n'y êtes pas parvenu, retournez au numéro précédent et refaites la leçon, c'est en forgeant qu'on devient forgeron !
Maintenant, nous allons réduire la taille de notre image. Comment s'y prendre ? Le menu déroulant de TeXstudio vous donne ceci : \includegraphics[keyvals]{imagefile}
Votre attention doit se porter sur les valeurs clés « keyvals ». Effacez-les et tapez un « w ». La largeur (width) sera l'une des options proposées, choisissez-la. Pour que votre image s'insère parfaitement, réglez votre largeur sur celle de votre ligne. (Cela devrait apparaître dans l'IDE.)
Maintenant compilez et regardez votre résultat. Voici le mien :
Votre ligne correspond-elle à la mienne ?
\includegraphics[width=\linewidth]{Figures/you}
Well Done! At any time, hover your mouse over different words in that line, if you use TeXstudio, you should see a tooltip. In the case of the image file, you should see the image. As you can see, my image aligns perfectly with my column. Sometimes, you don’t need all that, or your space may be limited. You can specify the width and height as per issue 3 of our tutorial, last month. Try it now. This whole series is a hands-on affair. If you don’t do it, you will not remember it by the time the next issue hits your inbox. No seriously, I want you to try, as there is nothing as good as understanding, because then you don’t have to learn anything. Do something fun. Stretch the image vertically and have a laugh at how terrible it looks. If your image is a rectangle, change it to a square and vice-versa. Ever wonder how those angled warning signs are put down in some technical books? Wonder no more! You can specify the angle at which your image is presented on the paper. With the keyword, “angle”. Try angle=25 or angle=-75 and see what you have created. Again, the little modifier after \begin{figure} is valid. Do you remember what it was? No, read part three again. I kept the parts short for just this reference purpose. Remember, you can add labels and captions in this layout as well. So what happens if we need our figure to span both columns? Simply add a ‘*’ after the word figure. Then it will look like this: \begin{figure*} \includegraphics[width=\linewidth]{Figures/you} \end{figure*}
Très bien ! À tout moment, passez votre souris sur différents mots de cette ligne, si vous utilisez TeXstudio, vous devriez voir une info-bulle. Dans le cas du fichier image, vous devriez voir l'image. Comme vous pouvez le voir, mon image s'aligne parfaitement avec ma colonne. Parfois, vous n'avez pas besoin de tout cela, ou votre espace peut être limité. Vous pouvez spécifier la largeur et la hauteur comme dans le numéro 3 de notre tutoriel, le mois dernier. Essayez maintenant. Toute cette série est une affaire de pratique. Si vous ne le faites pas, vous ne vous en souviendrez plus au moment où le prochain numéro arrivera dans votre boîte de réception.
Non, sérieusement, je veux que vous essayiez, car il n'y a rien de mieux pour comprendre, parce qu'alors vous n'avez plus rien à apprendre. Faites quelque chose d'amusant. Étirez l'image verticalement et rigolez en voyant à quel point elle est horrible. Si votre image est un rectangle, transformez-la en carré et vice-versa. Vous êtes-vous déjà demandé comment les panneaux d'avertissement inclinés sont présentés dans certains ouvrages techniques ? Ne vous en faites plus ! Vous pouvez spécifier l'angle sous lequel votre image est présentée sur le papier. Avec le mot-clé « angle ». Essayez angle=25 ou angle=-75 et voyez ce que vous avez créé. Là encore, le petit modificateur après \begin{figure} est valable. Vous vous souvenez de ce que c'était ? Non, relisez la troisième partie. J'ai gardé courte chaque partie dans ce seul but de référence. N'oubliez pas que vous pouvez également ajouter des étiquettes et des légendes dans cette mise en page. Que se passe-t-il si notre figure doit s'étendre sur les deux colonnes ? Il suffit d'ajouter un « * » après le mot « figure ». Le résultat sera alors le suivant :
\begin{figure*}
\includegraphics[width=\linewidth]{Figures/you}
\end{figure*}
Baby steps, this is not the easiest thing to learn, but now you know a little more and every bit counts! Did you notice that I slipped something else into this tutorial, without explaining it (it is self-explanatory). See if you can find it. So now you know something more about graphics and their placement. Next issue we will touch on other types of graphics before moving on. Did I make a mistake? Do you have any questions? E-mail us at: misc@fullcirclemagazine.org
Ce n'est pas la chose la plus facile à apprendre, mais, petit à petit, vous en savez un peu plus et chaque détail compte ! Avez-vous remarqué que j'ai glissé quelque chose d'autre dans ce tutoriel, sans l'expliquer (c'est auto-explicatif) ? Voyez si vous pouvez le trouver.
Vous en savez donc maintenant un peu plus sur les graphiques et leur placement. Dans le prochain numéro, nous aborderons d'autres types de graphiques avant de passer à autre chose.
Ai-je fait une erreur ? Vous avez des questions ? Envoyez-nous un courriel à l'adresse suivante : misc@fullcirclemagazine.org