<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Qt 4.6: spheres.svg Example File (demos/embedded/embeddedsvgviewer/spheres.svg)</title> <link href="classic.css" rel="stylesheet" type="text/css" /> </head> <body> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="left" valign="top" width="32"><a href="http://qt.nokia.com/"><img src="images/qt-logo.png" align="left" border="0" /></a></td> <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></tr></table><h1 class="title">spheres.svg Example File<br /><span class="small-subtitle">demos/embedded/embeddedsvgviewer/spheres.svg</span> </h1> <pre> <?xml version="1.0" standalone="no"?> <svg width="8cm" height="8cm" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink/" baseProfile="tiny" version="1.2"> <title>Spheres</title> <desc>Gradient filled spheres with different colors.</desc> <defs> <!-- Create radial gradients for each circle to make them look like spheres. --> <radialGradient id="blueSphere" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="100" fx="-50" fy="-50"> <stop offset="0%" stop-color="white" /> <stop offset="75%" stop-color="blue" /> <stop offset="100%" stop-color="#222244" /> </radialGradient> <radialGradient id="redSphere" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="100" fx="-50" fy="-50"> <stop offset="0%" stop-color="white" /> <stop offset="75%" stop-color="red" /> <stop offset="100%" stop-color="#442222" /> </radialGradient> <radialGradient id="greenSphere" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="100" fx="-50" fy="-50"> <stop offset="0%" stop-color="white" /> <stop offset="75%" stop-color="green" /> <stop offset="100%" stop-color="#113311" /> </radialGradient> <radialGradient id="yellowSphere" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="100" fx="-50" fy="-50"> <stop offset="0%" stop-color="white" /> <stop offset="75%" stop-color="yellow" /> <stop offset="100%" stop-color="#444422" /> </radialGradient> <radialGradient id="shadowGrad" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="100" fx="-50" fy="50"> <stop offset="0%" stop-color="black" stop-opacity="1.0" /> <stop offset="100%" stop-color="white" stop-opacity="0.0" /> </radialGradient> <!-- Define a shadow for each sphere. --> <circle id="shadow" fill="url(#shadowGrad)" cx="0" cy="0" r="100" /> </defs> <g fill="#ffee99" stroke="none" > <rect x="0" y="0" width="400" height="400" /> </g> <g fill="white" stroke="none" > <rect x="0" y="175" width="400" height="225" /> </g> <g transform="translate(200,290) scale(2.0,1.0) rotate(45)" > <rect fill="#a6ce39" x="-69" y="-69" width="138" height="138" /> <circle fill="black" cx="0" cy="0" r="50" /> <circle fill="#a6ce39" cx="0" cy="0" r="33" /> <path fill="black" d="M 37,50 L 50,37 L 12,-1 L 22,-11 L 10,-24 L -24,10 L -11,22 L -1,12 Z" /> <animateTransform attributeName="transform" type="rotate" values="0; 360" begin="0s" dur="10s" fill="freeze" /> </g> <g transform="translate(200,175)"> <use xlink:href="#shadow" transform="translate(25,55) scale(1.0,0.5)" /> <circle fill="url(#blueSphere)" cx="0" cy="0" r="100" /> </g> <g transform="translate(315,240)"> <g transform="scale(0.5,0.5)"> <use xlink:href="#shadow" transform="translate(25,55) scale(1.0,0.5)" /> <circle fill="url(#redSphere)" cx="0" cy="0" r="100" /> </g> </g> <g transform="translate(80,275)"> <g transform="scale(0.65,0.65)"> <use xlink:href="#shadow" transform="translate(25,55) scale(1.0,0.5)" /> <circle fill="url(#greenSphere)" cx="0" cy="0" r="100" /> </g> </g> <g transform="translate(255,325)"> <g transform="scale(0.3,0.3)"> <use xlink:href="#shadow" transform="translate(25,55) scale(1.0,0.5)" /> <circle fill="url(#yellowSphere)" cx="0" cy="0" r="100" /> </g> </g> </svg></pre> <p /><address><hr /><div align="center"> <table width="100%" cellspacing="0" border="0"><tr class="address"> <td width="40%" align="left">Copyright © 2010 Nokia Corporation and/or its subsidiary(-ies)</td> <td width="20%" align="center"><a href="trademarks.html">Trademarks</a></td> <td width="40%" align="right"><div align="right">Qt 4.6.3</div></td> </tr></table></div></address></body> </html>