<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- graphics.qdoc -->
<title>Graphics | Qt 5.9</title>
<link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
<script type="text/javascript">
document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
// loading style sheet breaks anchors that were jumped to before
// so force jumping to anchor again
setTimeout(function() {
var anchor = location.hash;
// need to jump to different anchor first (e.g. none)
location.hash = "#";
setTimeout(function() {
location.hash = anchor;
}, 0);
}, 0);
</script>
</head>
<body>
<div class="header" id="qtdocheader">
<div class="main">
<div class="main-rounded">
<div class="navigationbar">
<table><tr>
<td ><a href="index.html">Qt 5.9</a></td><td >Graphics</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.9.4 Reference Documentation</td>
</tr></table>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#2d-graphics-with-qpainter">2D Graphics with QPainter</a></li>
<li class="level1"><a href="#opengl-and-3d">OpenGL and 3D</a></li>
<li class="level1"><a href="#qt-quick-scene-graph">Qt Quick Scene Graph</a></li>
<li class="level1"><a href="#printing">Printing</a></li>
<li class="level1"><a href="#images">Images</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Graphics</h1>
<span class="subtitle"></span>
<!-- $$$topics-graphics.html-description -->
<div class="descr"> <a name="details"></a>
<p>Graphics in Qt 5 is primarily done either through the imperative QPainter API, or through Qt’s declarative UI language, Qt Quick, and its scene graph back-end. Qt 5's graphics capabilities also includes support for printing, as well as the loading and saving of various image formats.</p>
<a name="2d-graphics-with-qpainter"></a>
<h2 id="2d-graphics-with-qpainter">2D Graphics with QPainter</h2>
<p>QPainter provides API for drawing vector graphics, text and images onto different surfaces, or QPaintDevice instances, such as QImage, <a href="whatsnew50.html#qopenglpaintdevice">QOpenGLPaintDevice</a>, QWidget, and QPrinter. The actual drawing happens in the QPaintDevice's QPaintEngine. The software rasterizer and the OpenGL (ES) 2.0 back-ends are the two most important QPaintEngine implementations. The raster paint engine is Qt’s software rasterizer, and is used when drawing on a QImage or QWidget. Its strength over the OpenGL paint engine is its high quality when antialiasing is enabled, and a complete feature set.</p>
<ul>
<li>Paint System - Overview over the QPainter classes and architecture.</li>
<li>Coordinate System - Explains how QPainter's coordinate system works.</li>
<li>Drawing and Filling - Explains how QPainter performs filling and outlining of vector shapes.</li>
</ul>
<p>The most important rendering targets for QPainter are:</p>
<ul>
<li>QImage - A hardware-independent image representation with direct pixel access. QPainter will use the software rasterizer to draw to QImage instances.</li>
<li>QPixmap - A image representation suited for display on screen. QPainter will primarily use the software rasterizer to draw to QPixmap instances.</li>
<li><a href="whatsnew50.html#qopenglpaintdevice">QOpenGLPaintDevice</a> - A paint device to render to the current OpenGL (ES) 2.0 context. QPainter will use hardware accellerated OpenGL calls to draw to <a href="whatsnew50.html#qopenglpaintdevice">QOpenGLPaintDevice</a> instances.</li>
<li>QBackingStore - A backbuffer for top-level windows. QPainter will primarily use the software rasterizer to draw to QBackingStore instances.</li>
<li>QWidget - A baseclass for pre-Qt Quick user interface classes. QPainter will render widgets using a QBackingStore.</li>
<li>QOpenGLWidget - A painter can also be opened on a QOpenGLWidget. This is provided as a convenience, since technically this is no different than using <a href="whatsnew50.html#qopenglpaintdevice">QOpenGLPaintDevice</a>.</li>
</ul>
<p>QPainter and related classes are part of the Qt GUI module.</p>
<a name="opengl-and-3d"></a>
<h2 id="opengl-and-3d">OpenGL and 3D</h2>
<p>OpenGL is the most widely adopted graphics API for hardware accelerated and 3D graphics, implemented on all desktop platforms and almost every mobile and embedded platform. The Qt library contains a number of classes that help users integrate OpenGL into their applications.</p>
<ul>
<li>OpenGL in Qt GUI - An overview of how OpenGL integrates with the Qt GUI module.</li>
<li>QOpenGLWidget is a widget that allows adding OpenGL scenes into QWidget-based user interfaces.</li>
<li>OpenGL and Qt Quick 2.0 - How to integrate OpenGL into a the Qt Quick 2.0 scene graph.</li>
<li><a href="http://www.khronos.org/opengl">www.khronos.org/opengl</a> - The official OpenGL pages.</li>
<li>Qt Canvas 3D - An add-on module that provides a way to make OpenGL-like 3D drawing calls from Qt Quick using JavaScript.</li>
</ul>
<p>Prior to Qt 5.0, OpenGL support in Qt was handled by the Qt OpenGL module. This module is still present, but new code should aim to use the new classes in the Qt GUI module. The classes are easily distinguisible based on their names: Classes with the <code>QGL</code> prefix should not be used. Instead, prefer the ones starting with <code>QOpenGL</code>.</p>
<a name="qt-quick-scene-graph"></a>
<h2 id="qt-quick-scene-graph">Qt Quick Scene Graph</h2>
<p>Qt Quick 2 introduces an OpenGL (ES) 2.0 scene graph for rendering. It generally improves the performance of Qt Quick 2 significantly compared to the QGraphicsView/QPainter-based approach used in earlier versions.</p>
<p>The scene graph is a graphical representation of the Item scene. It can be thought of as a graphical deep copy, an independent structure that contains enough information to render all the items. Once it has been set up, it can be manipulated and rendered independently of the state of the items. On many platforms, the scene graph will even be rendered on a dedicated render thread while the GUI thread is preparing the next frame's state.</p>
<p>The scene graph is used when you import QtQuick 2.x in your QML file, and use QQuickView to run it.</p>
<ul>
<li>Qt Quick Scene Graph - Overview of the Qt Quick Scene Graph architecture.</li>
<li>Scene Graph and Rendering - Breakdown of the rendering of each frame.</li>
</ul>
<p>Qt Quick can be mixed with raw OpenGL rendering by connecting to the signals QQuickWindow::beforeRendering() or QQuickWindow::afterRendering() which are emitted before and after the Qt Quick scene graph is rendered, respectively. There signals are emitted from the render thread (when applicable), and the connections need to be direct.</p>
<p>Qt Quick can also be rendered using <a href="http://doc.qt.io/QtQuick2DRenderer">Qt Quick 2D Renderer</a>. This raster paint engine enables rendering Qt Quick applications on platforms that do not have OpenGL.</p>
<a name="printing"></a>
<h2 id="printing">Printing</h2>
<p>Qt supports printing both directly to actual printers, locally or on the network, as well as producing PDF output. How to do printing with Qt is described in detail on the Qt Print Support page.</p>
<a name="images"></a>
<h2 id="images">Images</h2>
<p>Qt supports convenient reading, writing, and manipulating of images through the QImage class. In addition, for more fine grained control of how images are loaded or saved, you can use the QImageReader and QImageWriter classes respectively. To add support for additional image formats, outside of the ones provided by Qt, you can create image format plugins by using QImageIOHandler and QImageIOPlugin.</p>
<p>See the Reading and Writing Image Files page for more information.</p>
</div>
<p><b>See also </b>Paint System.</p>
<!-- @@@topics-graphics.html -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2017 The Qt Company Ltd.
Documentation contributions included herein are the copyrights of
their respective owners.<br> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. </p>
</div>
</body>
</html>
