~oif-team/ubuntu/natty/qt4-x11/xi2.1

<td width="1">  </td><td class="postheader" valign="center"><a href="index.html"><font color="#004faf">Home</font></a> · <a href="namespaces.html"><font color="#004faf">All Namespaces</font></a> · <a href="classes.html"><font color="#004faf">All Classes</font></a> · <a href="mainclasses.html"><font color="#004faf">Main Classes</font></a> · <a href="groups.html"><font color="#004faf">Grouped Classes</font></a> · <a href="modules.html"><font color="#004faf">Modules</font></a> · <a href="functions.html"><font color="#004faf">Functions</font></a></td>

<td align="right" valign="top" width="230"></td></tr></table><h1 class="title">SVG Generator Example<br /><span class="subtitle"></span>

<td width="1">  </td><td class="postheader" valign="center"><a href="index.html"><font color="#004faf">Home</font></a> · <a href="classes.html"><font color="#004faf">All Classes</font></a> · <a href="functions.html"><font color="#004faf">All Functions</font></a> · <a href="overviews.html"><font color="#004faf">Overviews</font></a></td><td class="searchBar" align="right" valign="center"><form action="http://www.google.com/cse" id="cse-search-box"><div><input type="hidden" name="cx" value="000136343326384750312:dhbxnqlakyu" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="31" /><input type="submit" name="sa" value="Search" /></div></form></td>

</tr></table><h1 class="title">SVG Generator Example<br /><span class="subtitle"></span>

</h1>

<p>Files:</p>

<ul>

<p>The SVG Generator example shows how to add SVG file export to applications.</p>

<p align="center"><img src="images/svggenerator-example.png" /></p><p>Scalable Vector Graphics (SVG) is an XML-based language for describing two-dimensional vector graphics. Qt provides classes for rendering and generating SVG drawings. This example allows the user to create a simple picture and save it to an SVG file.</p>

<p>The example consists of two classes: <tt>Window</tt> and <tt>DisplayWidget</tt>.</p>

<p>The <tt>Window</tt> class contains the application logic and constructs the user interface from a Qt Designer <tt>.ui</tt> file as described in the <a href="designer-using-a-ui-file.html#the-multiple-inheritance-approach">Qt Designer manual</a>. It also contains the code to write an SVG file.</p>

<p>The <tt>Window</tt> class contains the application logic and constructs the user interface from a Qt Designer UI file as described in the <a href="designer-using-a-ui-file.html#the-multiple-inheritance-approach">Qt Designer manual</a>. It also contains the code to write an SVG file.</p>

<p>The <tt>DisplayWidget</tt> class performs all the work of painting a picture on screen. Since we want the SVG to resemble this picture as closely as possible, we make this code available to the <tt>Window</tt> class so that it can be used to generate SVG files.</p>

<h2>The DisplayWidget Class</h2>

};</pre>

<p>Much of this class is used to configure the appearance of the drawing. The <tt>paintEvent()</tt> and <tt>paint()</tt> functions are most relevant to the purpose of this example, so we will describe these here and leave the reader to look at the source code for the example to see how shapes and colors are handled.</p>

<p>We reimplement the <a href="qwidget.html#paintEvent">QWidget::paintEvent</a>() function to display the drawing on screen:</p>

<pre> void DisplayWidget::paintEvent(QPaintEvent *event)

<pre> void DisplayWidget::paintEvent(QPaintEvent * <span class="comment">/* event */</span>)

{

QPainter painter;

painter.begin(this);

171

<p>See the <a href="qtsvg.html">QtSvg</a> module documentation for more information about SVG and Qt's SVG classes.</p>

172

173

174

175

<td width="40%" align="center"><a href="trademarks.html">Trademarks</a></td>

176

177

</tr></table></div></address></body>

174

175

<td width="20%" align="center"><a href="trademarks.html">Trademarks</a></td>

176

177

178

</html>

Older »