Difference between revisions of "Using Graphics"

From Wiki
Jump to navigation Jump to search
(Content of the tugboat article)
m (Removing redundant old info)
Line 107: Line 107:
 
<pre>context --directives=schemes.threshold=120 <em>filename</em></pre>
 
<pre>context --directives=schemes.threshold=120 <em>filename</em></pre>
 
The variable <tt>schemes.threshold</tt> is global, so changing its value affects all other macros like <tt>\input</tt>, <tt>\usemodule</tt>, <tt>\component</tt>, etc. that load remote files.
 
The variable <tt>schemes.threshold</tt> is global, so changing its value affects all other macros like <tt>\input</tt>, <tt>\usemodule</tt>, <tt>\component</tt>, etc. that load remote files.
 +
 +
=== HTTP Proxy ===
 +
 +
To use an http proxy for fetching images, the http variable ([http://w3.impa.br/~diego/software/luasocket/http.html LuaSocket]) has to be set up as follows:
 +
 +
<texcode>
 +
\ctxlua{http = require("socket.http"); http.PROXY = "http://proxy.example.com:3128"}
 +
</texcode>
 +
 +
Replace "http://proxy.example.com:3128" with the proxy URL.
 +
 +
To disable the proxy again:
 +
 +
<texcode>
 +
\ctxlua{http = require("socket.http"); http.PROXY = nil}
 +
</texcode>
 +
  
 
= Image transformations =
 
= Image transformations =
Line 247: Line 264:
  
  
-------------------------------------------
 
 
== Direct use of an image ==
 
 
This way you can use your image <tt>mypic.pdf</tt> :
 
<texcode>
 
\externalfigure[mypic]
 
</texcode>
 
  
Additional parameters:
+
= Place picture in the text =
<texcode>
 
\externalfigure[file or reference name][key=value, key=value, ...]
 
</texcode>
 
 
 
* scale            = ''scaling value''
 
* factor          = max, fit, broad
 
* wfactor, hfactor = max, fit, broad, ''value''
 
* width, height    = ''dimension''
 
* frame            = on, off
 
* preset, preview, repeat, object  = yes, no
 
* display          = ''file name''
 
* type, method    = eps, mps, pdf, tif, png, jpg, mov, tex
 
 
 
If only one dimension is given, scaling is proportional.
 
 
 
== Where ConTeXt finds your picture files ==
 
 
 
ConTeXt looks in the current and parent directory plus those given in <tt>texmf.cnf</tt>.
 
 
 
You can define your own image directory with:
 
<texcode>
 
\setupexternalfigures[directory={../pictures}]
 
</texcode>
 
or even for multiple directories:
 
<texcode>
 
\setupexternalfigures[directory={../drawings,../bitmaps}]
 
</texcode>
 
You can define the path relative or absolute, but use always forward slashes!
 
 
 
== Referenced Pictures ==
 
 
 
Declaration of all used pictures in your environment, project or header file is better than direct use of file names in your code.
 
 
 
<texcode>
 
\useexternalfigure[reference name][file name][options]
 
</texcode>
 
 
 
Same options as above. You can even inherit them like this:
 
 
 
<texcode>
 
\useexternalfigure[dummy][nofile][width=\textwidth]
 
\useexternalfigure[myone][my_pic_one][dummy]
 
\useexternalfigure[mytwo][my_pic_two][dummy]
 
 
 
Somewhere in your text there's \externalfigure[myone].
 
</texcode>
 
 
 
== Place picture in the text ==
 
  
 
You can directly place a figure in a text using <tt>\externalfigure[cow]</tt>. If you want to align it not to the baseline, but lower you can try whether <tt>\bbox{\externalfigure[cow]}</tt> does the right thing, otherwise you have to tweek <tt>\smash{\lower24pt\hbox{\externalfigure[cow]}}</tt>
 
You can directly place a figure in a text using <tt>\externalfigure[cow]</tt>. If you want to align it not to the baseline, but lower you can try whether <tt>\bbox{\externalfigure[cow]}</tt> does the right thing, otherwise you have to tweek <tt>\smash{\lower24pt\hbox{\externalfigure[cow]}}</tt>
  
== Flow text around a picture ==
+
= Flow text around a picture =
  
 
That's an undocumented feature Hans told us about in a [http://archive.contextgarden.net/message/20080624.074046.56e76622.en.html mail from 2008-06-24].
 
That's an undocumented feature Hans told us about in a [http://archive.contextgarden.net/message/20080624.074046.56e76622.en.html mail from 2008-06-24].
Line 345: Line 306:
 
</texcode>
 
</texcode>
  
== Pictures as [[Floating Objects]] ==
+
= Pictures as [[Floating Objects]] =
  
 
Floats are numbered and placed by ConTeXt, and they can get a caption.
 
Floats are numbered and placed by ConTeXt, and they can get a caption.
Line 362: Line 323:
 
You find more about floats ([[Floating Objects]]) in the manual.
 
You find more about floats ([[Floating Objects]]) in the manual.
  
== Floating graphics with an enlarged, shaded background ==
+
= Floating graphics with an enlarged, shaded background =
  
 
To place a figure in, say, the right margin with a shaded background that is slightly larger than the figure (to give a bit of breathing room):
 
To place a figure in, say, the right margin with a shaded background that is slightly larger than the figure (to give a bit of breathing room):
Line 374: Line 335:
 
</texcode>
 
</texcode>
  
== Movies ==
+
= Movies =
  
 
Movies aren't recognized automatically yet, you need a more verbose declaration:
 
Movies aren't recognized automatically yet, you need a more verbose declaration:
Line 400: Line 361:
 
* See [[Simple Cover Page]]
 
* See [[Simple Cover Page]]
  
== Picture with hyperlink ==
+
= Picture with hyperlink =
  
 
This is an example of how to make a picture interactive. When the user clicks it, it invokes the user's browser to a given URL.
 
This is an example of how to make a picture interactive. When the user clicks it, it invokes the user's browser to a given URL.
Line 412: Line 373:
 
</texcode>
 
</texcode>
  
=== HTTP Proxy ===
 
 
To use an http proxy for fetching images, the http variable ([http://w3.impa.br/~diego/software/luasocket/http.html LuaSocket]) has to be set up as follows:
 
 
<texcode>
 
\ctxlua{http = require("socket.http"); http.PROXY = "http://proxy.example.com:3128"}
 
</texcode>
 
 
Replace "http://proxy.example.com:3128" with the proxy URL.
 
 
 
To disable the proxy again:
 
 
<texcode>
 
\ctxlua{http = require("socket.http"); http.PROXY = nil}
 
</texcode>
 
  
 
== See also ==
 
== See also ==

Revision as of 21:57, 30 March 2013

< Graphics | Combinations | Supported Media File Formats | Including pages from PDF documents | Animation >


Basic usage

The simplest way to insert an image is to use:

\externalfigure[logo.pdf]

This command places the PDF image logo.pdf in a \vbox; the width and height of the image are equal to the natural dimensions of the image.

To set the width of the image to a specific size, say 1cm, use:

\externalfigure[logo.pdf][width=1cm]

Similarly, to set the height of the image to a specific size, say 2cm, use:

\externalfigure[logo.pdf][height=2cm]

If only the width or height of the image is specified, the other dimension is scaled appropriately to keep the aspect ratio.

To include a specific page, say page 5, of a multi-page PDF file, use:

\externalfigure[logo.pdf][page=5]

These four variations cover 90% of the use cases.

Natively supported file formats

ConTeXt natively supports the image formats enumerated below. The image format is determined from the file extension (case insensitive).

  • PDF: File extension .pdf
  • MPS (MetaPost output): File extension .mps or .<digits>
  • JPEG: File extension .jpg or .jpeg
  • PNG: File extension .png
  • JPEG 2000: File extension .jp2
  • JBIG or JBIG2: File extension .jbig, .jbig2, or .jb2

Including images after conversion

The image formats listed in the previous section are the ones that may be embedded directly in a PDF. ConTeXt also supports a few other formats which are first converted to PDF using an external program. Of course, for such a conversion to work, the corresponding converter must be in the PATH.

Format Extension Converter
SVG .svg, .svgz inkscape
EPS .eps, .ai gs (or gswin32c on Windows) from Ghostscript
GIF .git gm from GraphicsMagick
TIFF .tiff gm from GraphicsMagick


The conversion generates a PDF file with prefix m_k_i_v_ and a suffix .pdf added to the name of the original file. The result is cached, and the conversion is rerun if the timestamp of the original file is newer than that of the converted file.

Specifying image directories

By default, ConTeXt searches an image in the current directory, the parent directory, and the grand-parent directory.

To search for images in other directories, say a ./images subdirectory and /home/user/images, use:

\setupexternalfigures
    [directory={images, /home/user/images}]

Note that one should always use forward slashes in path names, even on Windows.

The default search order is: the current directory, the parent directory, the grand-parent directory, and then the paths specified by the directory key. To restrict image search only to the paths specified by the directory key, use:

\setupexternalfigures
    [location=global]

To restore the default search behavior, use:

\setupexternalfigures
    [location={local,global}]

The ConTeXt distribution includes three sample images: cow.pdf, mill.png, and hacker.jpg, that are useful when creating minimum working examples to illustrate a bug on the mailing list. These images are locating in the TEXMF directory. To add the TEXMF directory to the image search path, use:

\setupexternalfigures
    [location={local,global,default}]

The above alternative adds the entire TEXMF directory to the search path, including the doc/ directory! Therefore, one needs to be extremely careful when using this option. In fact, I would advise not using location=default except for illustrative minimal working examples.

Including remote images

Like all other ConTeXt macros that read files, \externalfigure also supports reading remote files from HTTP(S) servers. An example:

\externalfigure
   [http://tug.org/images/logobw.jpg]

When a document containing a remote file is compiled for the first time, the remote file is downloaded from the server and stored in the LuaTeX cache directory. This cached file is used during subsequent runs.

Normally, the remote image is downloaded again if the image in the cache is older than 1~day. To change this threshold to, for example, 2minutes (120seconds), either add

\enabledirectives[schemes.threshold=120]

in the ConTeXt file, or compile the ConTeXt file using the command

context --directives=schemes.threshold=120 <em>filename</em>

The variable schemes.threshold is global, so changing its value affects all other macros like \input, \usemodule, \component, etc. that load remote files.

HTTP Proxy

To use an http proxy for fetching images, the http variable (LuaSocket) has to be set up as follows:

\ctxlua{http = require("socket.http"); http.PROXY = "http://proxy.example.com:3128"}

Replace "http://proxy.example.com:3128" with the proxy URL.

To disable the proxy again:

\ctxlua{http = require("socket.http"); http.PROXY = nil}


Image transformations

Scaling images

To scale an image use the scale key: scale=1000 corresponds to the original dimensions of the image, scale=500 scales the image to 50% of the original size, scale=1500 scales the images to 150% of the original size, and so on. For example:

\externalfigure[logo.pdf][scale=500]

Use \setupexternalfigures to set the scale of all images. For example, to scale all images to be twice their original size, use:

\setupexternalfigures[scale=2000]

If either width or height is specified, then the scale key has no effect.

In addition, the xscale and yscale keys scale the image in only one dimension. For example:

\externalfigure[logo.pdf][xscale=500]
\externalfigure[logo.pdf][yscale=500]

Specifying maximum size of an image

Oftentimes, we don't want the included image to be greater than a particular size. For example, to ensure that an included image is not more than 0.2\textwidth:

\externalfigure[logo.pdf][maxwidth=0.2\textwidth]

If maxwidth is specified and the width of the image is less than maxwidth, then the image is not scaled; if the width of the image is greater than maxwidth, then the width is restricted to maxwidth and the height is scaled appropriately to maintain the original aspect ratio.

The option maxheight is analogous to maxwidth, for checking the height of the image.

For example, to ensure that figures do not overflow the text~area, one may set:

\setupexternalfigures
    [maxwidth=\textwidth,
     maxheight=0.8\textheight]

Rotating images

To rotate the included image by 90, 180, or 270 degrees, use the orientation key. For example:

\externalfigure[logo.pdf][orientation=90]

To rotate by an arbitrary angle, use the \rotate command. For example:

\rotate[rotation=45]{\externalfigure[logo.pdf]}

Mirroring images

To mirror (flip) an image, use the generic \mirror command. For example, to mirror horizontally:

\mirror{\externalfigure[logo.pdf]}

To mirror vertically, first rotate the image by 180° and then mirror it:

\mirror{\externalfigure[logo.pdf][orientation=180]}

Clipping images

To clip an image, use the generic \clip command. For example, to clip the original image to a 1cm x 2cm rectangle at an offset of (3mm,5mm) from the top left corner:

\clip[width=1cm, height=2cm, hoffset=3mm, voffset=5mm]
     {\externalfigure[logo.pdf]}

As another example, this cuts the image into a 3x3 pieces and then outputs the (2,2) piece:

\clip[nx=3,ny=3,x=2,y=2]
     {\externalfigure[logo.pdf]}

Troubleshooting

Visualizing the image bounding box

If, for instance, the image is taking more space than expected, it can be useful to visualize the bounding box of the image. To do this:

\externalfigure[logo.pdf][frame=on]

ConTeXt includes a Perl script pdftrimwhite that removes extra white space at the borders of a PDF file. To run this script:

mtxrun --script pdftrimwhite <em>[flags] input output</em>

The most important flag is --offset=dimen, which keeps some extra space around the trimmed image.

Similar functionality is provided by another Perl script, pdfcrop, that is included in most TeX distributions.

Tracking what is happening

To get diagnostic information about image inclusion, enable the tracker graphics.locating either by adding

\enabletrackers[graphics.locating]

in the ConTeXt file, or by compiling the ConTeXt file using the command

context --trackers=graphics.locating filename

The tracker writes diagnostics to the console. Suppose we use \externalfigure[somefile.pdf] and ConTeXt finds the file in the current search path; then the following information is printed on the console:

graphics > inclusion > locations: local,global
graphics > inclusion > path list: . .. ../..
graphics > inclusion > strategy: forced format pdf
graphics > inclusion > found: somefile.pdf -> somefile.pdf
graphics > inclusion > format natively supported by backend: pdf

If the file somefile.pdf is not found in the current search path, then the following information is printed on the console (even if the graphics.locating tracker is not set):

graphics > inclusion > strategy: forced format pdf
graphics > inclusion > not found: somefile.pdf
graphics > inclusion > not found: ./somefile.pdf
graphics > inclusion > not found: ../somefile.pdf
graphics > inclusion > not found: ../../somefile.pdf
graphics > inclusion > not found: images/somefile.pdf
graphics > inclusion > not found: /home/user/images/somefile.pdf
graphics > inclusion > format not supported: 

and a placeholder gray box is put in the output:

Sometimes, one would rather use a placeholder image for an image that is yet to be made. In such cases, load the MP library dum via:

\useMPlibrary[dum]

Then, whenever an image file is not found in the current search path, a random MetaPost image is shown in the output.

Images at the beginning of a paragraph

Using \externalfigure[...] at the beginning of a paragraph results in a line break after the image. This is because \externalfigure is a \vbox and when  encounters a \vbox at (what appears to be) the beginning of a paragraph, it remains in vertical mode. To prevent this, add \dontleavehmode before \externalfigure, like this:

\dontleavehmode
\externalfigure[...] ... first line ...

Settings for multiple images

Image settings

Suppose your document contains many side-by-side images, and you want all of these images to be of the same size. In addition, you want to control the size of all images by changing only one setup. To do this, you can use the \defineexternalfigure macro, which defines a named collection of image settings. For example, to define a collection where the image width is 3cm, use:

\defineexternalfigure[logo-settings]
                     [width=3cm]

And then to use these settings in an image, use:

\externalfigure[group.pdf][logo-settings]

or, if you want to add or override settings, use:

\externalfigure[group.pdf][logo-settings]
               [height=2cm]

Labeled images

Suppose your document contains an image at multiple locations; all of these images are to be of the same size, which is not necessarily the same as the natural size of the image. Furthermore, as before, you want to set the size of all the images by changing only one setup. Here, the macro to use is \useexternalfigure, which defines a symbolic label for inserting an image plus settings. For example:

\useexternalfigure[mylogo]
                  [logo.pdf][width=2cm]

defines an image label mylogo that maps to the image file logo.pdf and sets its width to 2cm. This image label may be used as a normal image filename:

\externalfigure[mylogo]



Place picture in the text

You can directly place a figure in a text using \externalfigure[cow]. If you want to align it not to the baseline, but lower you can try whether \bbox{\externalfigure[cow]} does the right thing, otherwise you have to tweek \smash{\lower24pt\hbox{\externalfigure[cow]}}

Flow text around a picture

That's an undocumented feature Hans told us about in a mail from 2008-06-24.

It's in the source.

\setuppapersize[A5]
\setupexternalfigures[location={local,default}]
\starthangaround{\externalfigure[cow][width=4cm]}
\input tufte
\stophangaround

\starthangaround is influenced by \setuphanging[distance=...]</cmd> (distance may even be negative!), but takes no parameters itself.

Update, December 11, 2012: Now there are options for \starthangaround. If you want to have the image to the right, you can do:

\setuppapersize[A5]
\starttext
\starthanging[right]{\externalfigure[cow][width=4cm]}
    \input tufte
\stophanging
\stoptext

There are even more options:

\setuppapersize[A5]
\starttext
\starthanging[location=right,n=2,distance=1cm]{\externalfigure[cow][width=4cm]}
    \input tufte
\stophanging
\stoptext

Pictures as Floating Objects

Floats are numbered and placed by ConTeXt, and they can get a caption.

\placefigure[place]{My Caption}{\externalfigure[myone]}

place is one of: left, right, here, top, bottom, inleft, inright, inmargin, margin, page, opposite, always, force, tall

You get no caption with none. You get a table of figures with \showexternalfigures[alternative=a]. Alternatives (styles) a, b and c are predefined.

The second brackets of \placefigure can contain any command, e.g. \getbuffer.

You find more about floats (Floating Objects) in the manual.

Floating graphics with an enlarged, shaded background

To place a figure in, say, the right margin with a shaded background that is slightly larger than the figure (to give a bit of breathing room):

\setupcolors[state=start]
\placefigure[right,high,none]{}{\framed[frame=on, offset=10pt, framecolor=lightgray,
    background=color, backgroundcolor=lightgray]%
  {\externalfigure[sample/cow.pdf][scale=500]}}
\input knuth

Movies

Movies aren't recognized automatically yet, you need a more verbose declaration:

\externalfigure[demo.mov][label=demo,width=4cm,height=4cm,preview=yes]

preview=yes shows the first image as preview. You find more about interactive Elements in mwidget-s.pdf

Unfortunately, people who are fond of Linux cannot embed movies because the linux release of acroread doesn't support that. An alternative solution consists in launching your prefered player (MPlayer) from acroread:

\defineprogram[dummy.mpeg][dummy.mpeg.sh]

\starttext
\goto{\externalfigure[dummy-preview][width=0.48\textwidth]}[program(dummy.mpeg{})]
\stoptext

The script dummy.mpeg.sh should contain:

FILE=$(basename "$0"); mplayer -fs -zoom ${FILE/.sh/}

Full page images

Picture with hyperlink

This is an example of how to make a picture interactive. When the user clicks it, it invokes the user's browser to a given URL.

\setupinteraction[state=start]

\starttext
This is a cow: \goto{\externalfigure[cow][height=2ex]}[url(http://en.wikipedia.org/wiki/Cow)]
\stoptext 


See also