Since Cairo is only a drawing library, it can be quite useful to integrate it with a graphical user interface toolkit.
FLTK has full Cairo support (through--enable-cairo compile switch).
GTK began in 2005, with version 2.8, to use Cairo to render the majority of itsgraphical control elements, and since version 3.0 allrendering is done through Cairo.
The Cairo development team maintains up-to-date instructions for rendering surfaces toSDL.[6]
There are other back-ends in development targeting the graphics APIsOpenVG,[8]Qt,[9]Skia,[10] and Microsoft'sDirect2D.[11] The BeOS, OS/2, DirectFB and OpenGL backends were dropped in 2022.[12][13]
The Cairo drawing model relies on a three-layer model.
Any drawing process takes place in three steps:
First a mask is created, which includes one or more vector primitives or forms, i.e., circles, squares,TrueType fonts,Bézier curves, etc.
Then source must be defined, which may be a color, a color gradient, a bitmap or some vector graphics, and from the painted parts of this source a die cut is made with the help of the above defined mask.
Finally the result is transferred to the destination or surface, which is provided by the back-end for the output.
This constitutes a fundamentally different approach fromScalable Vector Graphics (SVG), which specifies the color of shapes withCascading Style Sheets (CSS) rules.[citation needed] Whereas Cairo would create a mask of a shape, then make a source for it, and then transfer them onto the surface, an SVG file would simply specify the shape with astyle attribute. That said, the models are not incompatible; many SVG renderers use Cairo for heavy lifting.[14]
Quite complex "Hello world" graphics can be drawn with the help of Cairo with only a few lines ofsource code:
SVG picture generated by this example
#include<cairo-svg.h>#include<stdio.h>intmain(intargc,char**argv){cairo_surface_t*surface=cairo_svg_surface_create("Cairo_example.svg",100.0,100.0);cairo_t*cr=cairo_create(surface);/* Draw the squares in the background */for(intx=0;x<10;++x)for(inty=0;y<10;++y)cairo_rectangle(cr,x*10.0,y*10.0,5,5);cairo_pattern_t*pattern=cairo_pattern_create_radial(50,50,5,50,50,50);cairo_pattern_add_color_stop_rgb(pattern,0,0.75,0.15,0.99);cairo_pattern_add_color_stop_rgb(pattern,0.9,1,1,1);cairo_set_source(cr,pattern);cairo_fill(cr);/* Writing in the foreground */cairo_set_font_size(cr,15);cairo_select_font_face(cr,"Georgia",CAIRO_FONT_SLANT_NORMAL,CAIRO_FONT_WEIGHT_BOLD);cairo_set_source_rgb(cr,0,0,0);cairo_move_to(cr,10,25);cairo_show_text(cr,"Hallo");cairo_move_to(cr,10,75);cairo_show_text(cr,"Wikipedia!");cairo_destroy(cr);cairo_surface_destroy(surface);}
Cairo is popular in the open source community for providing cross-platform support for advanced 2D drawing.
GTK, starting in 2005 with version 2.8, uses Cairo to render the majority of itsgraphical control elements.[15] Since GTK version 3, all the rendering is done using Cairo.
A program calledgtk-vector-screenshot found inDebian allows for taking vector (SVG, PDF, or PostScript)screenshots of GTK 3 applications.[16]
TheMono Project,[17] includingMoonlight,[18] has been using Cairo since very early in conception to power the back-ends of itsGDI+ (libgdiplus) and System.Drawingnamespaces.
TheMozilla project has made use of Cairo in itsGecko layout engine, used for rendering the graphical output of Mozilla products. Gecko 1.8, the layout engine for Mozilla Firefox 2.0 andSeaMonkey 1.0, used Cairo to render SVG and<canvas> content. Gecko 1.9,[19] the release of Gecko that serves as the basis ofFirefox 3, uses Cairo as the graphics back-end for rendering both web page content and theuser interface (or "chrome").
TheWebKit framework uses Cairo for all rendering in theGTK andEFL ports. Support has also been added for SVG and <canvas> content using Cairo.[citation needed]
ThePoppler library uses Cairo to render PDF documents. Cairo enables the drawing of antialiased vector graphics and transparent objects.[citation needed]
The vector graphics applicationInkscape uses the Cairo library for its outline mode display, as well as forPDF andPostScript export since release 0.46.[20]
The original version ofManim referred to as ManimCairo, a mathematical animation engine used in the animations of 3Blue1Brown's YouTube Videos. Manim has since moved to usingOpenGL. This version is referred to as ManimGL.[21]
MorphOS 2.5 features a shared library implementation of Cairo, which was available as stand-alone release for earlier MorphOS versions.[citation needed]
AmigaOS 4.1 supports a shared object library of Cairo (libcairo.so) in its default installation.[citation needed]
Keith Packard and Carl Worth founded the Cairo project for use in theX Window System.[2] It was originally (until at least 2003) calledXr orXr/Xc. The name was changed to emphasize the idea of a cross-platform library to accessdisplay server, not tied to theX Window System.[23]The nameCairo derives from the original nameXr, interpreted as the Greek letterschi andrho.[24]
Cairo handles Latin and CJK based fonts, but does not directly supportcomplex text layout fonts, which require shaping the glyphs. The Cairo developers recommend usingPango, which provides complex text layout and can integrate with Cairo.[25]
