docs/modules/svg/roundedcorners.html - lenya - Git at Google

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta content="Apache Forrest" name="Generator">
 <meta name="Forrest-version" content="0.9-dev">
 <meta name="Forrest-skin-name" content="pelt">
 <title>SVG Module: Rounded Corners</title>
 <link type="text/css" href="../../../skin/basic.css" rel="stylesheet">
 <link media="screen" type="text/css" href="../../../skin/screen.css" rel="stylesheet">
 <link media="print" type="text/css" href="../../../skin/print.css" rel="stylesheet">
 <link type="text/css" href="../../../skin/profile.css" rel="stylesheet">
 <script src="../../../skin/getBlank.js" language="javascript" type="text/javascript"></script><script src="../../../skin/getMenu.js" language="javascript" type="text/javascript"></script><script src="../../../skin/fontsize.js" language="javascript" type="text/javascript"></script>
 <link rel="shortcut icon" href="../../../favicon.ico">
 </head>
 <body onload="init()">
 <script type="text/javascript">ndeSetTextSize();</script>
 <div id="top">
 <!--+
     |breadtrail
     +-->
 <div class="breadtrail">
 <a href="http://www.apache.org/">apache</a> &gt; <a href="http://lenya.apache.org/">lenya</a><script src="../../../skin/breadcrumbs.js" language="JavaScript" type="text/javascript"></script>
 </div>
 <!--+
     |header
     +-->
 <div class="header">
 <!--+
     |start group logo
     +-->
 <div class="grouplogo">
 <a href=""><img class="logoImage" alt="Lenya" src="../../../images/apache-lenya-light.png" title=""></a>
 </div>
 <!--+
     |end group logo
     +-->
 <!--+
     |start Project Logo
     +-->
 <div class="projectlogo">
 <a href=""></a>
 </div>
 <!--+
     |end Project Logo
     +-->
 <!--+
     |start Search
     +-->
 <div class="searchbox">
 <form action="http://www.google.com/search" method="get" class="roundtopsmall">
 <input value="lenya.apache.org" name="sitesearch" type="hidden"><input onFocus="getBlank (this, 'Search the site with ');" size="25" name="q" id="query" type="text" value="Search the site with ">&nbsp;
                     <input name="Search" value="Search" type="submit">
 </form>
 </div>
 <!--+
     |end search
     +-->
 <!--+
     |start Tabs
     +-->
 <ul id="tabs">
 <li>
 <a class="unselected" href="../../../index.html">Project</a>
 </li>
 <li>
 <a class="unselected" href="../../../docs/index.html">Developer</a>
 </li>
 <li>
 <a class="unselected" href="../../../community/index.html">Community</a>
 </li>
 <li class="current">
 <a class="selected" href="../../../docs/2_0_x/index.html">Version 2.0</a>
 </li>
 <li>
 <a class="unselected" href="../../../docs/1_2_x/index.html">Version 1.2</a>
 </li>
 </ul>
 <!--+
     |end Tabs
     +-->
 </div>
 </div>
 <div id="main">
 <div id="publishedStrip">
 <!--+
     |start Subtabs
     +-->
 <div id="level2tabs"></div>
 <!--+
     |end Endtabs
     +-->
 <script type="text/javascript"><!--
 document.write("Last Published: " + document.lastModified);
 //  --></script>
 </div>
 <!--+
     |breadtrail
     +-->
 <div class="breadtrail">

              &nbsp;
            </div>
 <!--+
     |start Menu, mainarea
     +-->
 <!--+
     |start Menu
     +-->
 <div id="menu">
 <div onclick="SwitchMenu('menu_selected_1.1', '../../../skin/')" id="menu_selected_1.1Title" class="menutitle" style="background-image: url('../../../skin/images/chapter_open.gif');">Version 2.0</div>
 <div id="menu_selected_1.1" class="selectedmenuitemgroup" style="display: block;">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/index.html">Index</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/faq.html">FAQs</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.3', '../../../skin/')" id="menu_1.1.3Title" class="menutitle">Installation</div>
 <div id="menu_1.1.3" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/installation/index.html">Download</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/installation/subversion.html">Subversion Access</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/installation/source_version.html">Install Instructions</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.4', '../../../skin/')" id="menu_1.1.4Title" class="menutitle">Tutorials</div>
 <div id="menu_1.1.4" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/newpublication/index.html">Create a Publication</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.4.2', '../../../skin/')" id="menu_1.1.4.2Title" class="menutitle">Create a Resource Type</div>
 <div id="menu_1.1.4.2" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/resourcetype/part1.html">Declaration</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/resourcetype/part2.html">Creation</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/resourcetype/part3.html">Presentation</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/resourcetype/part4.html">Editing (One-Form)</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/resourcetype/part5.html">Editing (BXE)</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.4.3', '../../../skin/')" id="menu_1.1.4.3Title" class="menutitle">Implement a Usecase</div>
 <div id="menu_1.1.4.3" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/usecase/part1.html">Prerequisites</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/usecase/part2.html">The Usecase</a>
 </div>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/setupide/index.html">Setting up Eclipse</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.4.5', '../../../skin/')" id="menu_1.1.4.5Title" class="menutitle">Proxying</div>
 <div id="menu_1.1.4.5" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/proxy/proxying.html">Proxying</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/proxy/proxy.html">mod_proxy</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/proxy/mod_proxy_ajp.html">mod_proxy_ajp</a>
 </div>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/bestpractises.html">Best Practises</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/production.html">Production Checklist</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/tutorials/tests.html">Writing Tests</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.5', '../../../skin/')" id="menu_1.1.5Title" class="menutitle">Concepts</div>
 <div id="menu_1.1.5" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/concepts/publication.html">Publication</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/concepts/documents.html">Working with Documents</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/concepts/authoring_live.html">Authoring and Live mode</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/concepts/wysiwyg.html">WYSIWYG</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.6', '../../../skin/')" id="menu_1.1.6Title" class="menutitle">Technical Reference</div>
 <div id="menu_1.1.6" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/lenya-sitemaps.html">Overview of Lenya Sitemaps</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/repository/index.html">Repository</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/ac.html">Access Control Specification</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.6.4', '../../../skin/')" id="menu_1.1.6.4Title" class="menutitle">Usecase Framework</div>
 <div id="menu_1.1.6.4" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/usecase-framework/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/usecase-framework/abstractusecase.html">AbstractUsecase</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.6.5', '../../../skin/')" id="menu_1.1.6.5Title" class="menutitle">Publications</div>
 <div id="menu_1.1.6.5" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/publication/configuration.html">Configuration</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/publication/publication-templating/index.html">Publication Templating</a>
 </div>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/resource-types.html">Resource Types</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/modules/index.html">Modules</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/metadata.html">Meta data</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.6.9', '../../../skin/')" id="menu_1.1.6.9Title" class="menutitle">Protocols</div>
 <div id="menu_1.1.6.9" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/protocols/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/protocols/lenya.html">lenya Protocol</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/protocols/lenya-document.html">lenya-document Protocol</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/protocols/site.html">site Protocol</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/protocols/lenyadoc.html">lenyadoc Protocol</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.6.10', '../../../skin/')" id="menu_1.1.6.10Title" class="menutitle">URLs and Links</div>
 <div id="menu_1.1.6.10" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/urlMapping.html">URL Mapping</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/2_0_x/reference/link-management.html">Link Management</a>
 </div>
 </div>
 </div>
 <div class="menuitem">
 <a href="../../../apidocs/2.0/index.html">Core API</a>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8', '../../../skin/')" id="menu_1.1.8Title" class="menutitle">Core Modules</div>
 <div id="menu_1.1.8" class="menuitemgroup">
 <div onclick="SwitchMenu('menu_1.1.8.1', '../../../skin/')" id="menu_1.1.8.1Title" class="menutitle">ac</div>
 <div id="menu_1.1.8.1" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/ac/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/ac/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.2', '../../../skin/')" id="menu_1.1.8.2Title" class="menutitle">acusecases</div>
 <div id="menu_1.1.8.2" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/acusecases/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/acusecases/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.3', '../../../skin/')" id="menu_1.1.8.3Title" class="menutitle">administration</div>
 <div id="menu_1.1.8.3" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/administration/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/administration/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.4', '../../../skin/')" id="menu_1.1.8.4Title" class="menutitle">cache</div>
 <div id="menu_1.1.8.4" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/cache/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/cache/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.5', '../../../skin/')" id="menu_1.1.8.5Title" class="menutitle">janitor</div>
 <div id="menu_1.1.8.5" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/janitor/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/janitor/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.6', '../../../skin/')" id="menu_1.1.8.6Title" class="menutitle">ldap</div>
 <div id="menu_1.1.8.6" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/ldap/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/ldap/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.7', '../../../skin/')" id="menu_1.1.8.7Title" class="menutitle">linking</div>
 <div id="menu_1.1.8.7" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/linking/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/linking/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.8', '../../../skin/')" id="menu_1.1.8.8Title" class="menutitle">observation</div>
 <div id="menu_1.1.8.8" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/observation/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/observation/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.9', '../../../skin/')" id="menu_1.1.8.9Title" class="menutitle">properties</div>
 <div id="menu_1.1.8.9" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/properties/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/properties/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.10', '../../../skin/')" id="menu_1.1.8.10Title" class="menutitle">sitemanagement</div>
 <div id="menu_1.1.8.10" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/sitemanagement/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/sitemanagement/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.11', '../../../skin/')" id="menu_1.1.8.11Title" class="menutitle">templating</div>
 <div id="menu_1.1.8.11" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/templating/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/templating/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.12', '../../../skin/')" id="menu_1.1.8.12Title" class="menutitle">usecase</div>
 <div id="menu_1.1.8.12" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/usecase/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/usecase/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.8.13', '../../../skin/')" id="menu_1.1.8.13Title" class="menutitle">workflow</div>
 <div id="menu_1.1.8.13" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/workflow/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/workflow/index.html">API</a>
 </div>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_selected_1.1.9', '../../../skin/')" id="menu_selected_1.1.9Title" class="menutitle" style="background-image: url('../../../skin/images/chapter_open.gif');">Standard Modules</div>
 <div id="menu_selected_1.1.9" class="selectedmenuitemgroup" style="display: block;">
 <div onclick="SwitchMenu('menu_1.1.9.1', '../../../skin/')" id="menu_1.1.9.1Title" class="menutitle">blog</div>
 <div id="menu_1.1.9.1" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/blog/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/blog/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.2', '../../../skin/')" id="menu_1.1.9.2Title" class="menutitle">bxe</div>
 <div id="menu_1.1.9.2" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/bxe/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/bxe/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.3', '../../../skin/')" id="menu_1.1.9.3Title" class="menutitle">cforms</div>
 <div id="menu_1.1.9.3" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/cforms/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/cforms/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.4', '../../../skin/')" id="menu_1.1.9.4Title" class="menutitle">collection</div>
 <div id="menu_1.1.9.4" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/collection/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/collection/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.5', '../../../skin/')" id="menu_1.1.9.5Title" class="menutitle">contactform</div>
 <div id="menu_1.1.9.5" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/contactform/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/contactform/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.6', '../../../skin/')" id="menu_1.1.9.6Title" class="menutitle">development</div>
 <div id="menu_1.1.9.6" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/development/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/development/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.7', '../../../skin/')" id="menu_1.1.9.7Title" class="menutitle">editors</div>
 <div id="menu_1.1.9.7" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/editors/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/editors/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.8', '../../../skin/')" id="menu_1.1.9.8Title" class="menutitle">export</div>
 <div id="menu_1.1.9.8" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/export/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/export/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.9', '../../../skin/')" id="menu_1.1.9.9Title" class="menutitle">fckeditor</div>
 <div id="menu_1.1.9.9" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/fckeditor/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/fckeditor/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.10', '../../../skin/')" id="menu_1.1.9.10Title" class="menutitle">kupu</div>
 <div id="menu_1.1.9.10" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/kupu/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/kupu/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.11', '../../../skin/')" id="menu_1.1.9.11Title" class="menutitle">languageselector</div>
 <div id="menu_1.1.9.11" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/languageselector/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/languageselector/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.12', '../../../skin/')" id="menu_1.1.9.12Title" class="menutitle">lenyadoc</div>
 <div id="menu_1.1.9.12" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/lenyadoc/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/lenyadoc/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.13', '../../../skin/')" id="menu_1.1.9.13Title" class="menutitle">linkcheck</div>
 <div id="menu_1.1.9.13" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/linkcheck/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/linkcheck/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.14', '../../../skin/')" id="menu_1.1.9.14Title" class="menutitle">links</div>
 <div id="menu_1.1.9.14" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/links/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/links/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.15', '../../../skin/')" id="menu_1.1.9.15Title" class="menutitle">lucene</div>
 <div id="menu_1.1.9.15" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/lucene/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/lucene/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.16', '../../../skin/')" id="menu_1.1.9.16Title" class="menutitle">migration</div>
 <div id="menu_1.1.9.16" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/migration/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/migration/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.17', '../../../skin/')" id="menu_1.1.9.17Title" class="menutitle">neutron</div>
 <div id="menu_1.1.9.17" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/neutron/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/neutron/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.18', '../../../skin/')" id="menu_1.1.9.18Title" class="menutitle">news</div>
 <div id="menu_1.1.9.18" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/news/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/news/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.19', '../../../skin/')" id="menu_1.1.9.19Title" class="menutitle">notification</div>
 <div id="menu_1.1.9.19" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/notification/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/notification/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.20', '../../../skin/')" id="menu_1.1.9.20Title" class="menutitle">opendocument</div>
 <div id="menu_1.1.9.20" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/opendocument/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/opendocument/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.21', '../../../skin/')" id="menu_1.1.9.21Title" class="menutitle">prettyprinting</div>
 <div id="menu_1.1.9.21" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/prettyprinting/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/prettyprinting/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.22', '../../../skin/')" id="menu_1.1.9.22Title" class="menutitle">profiling</div>
 <div id="menu_1.1.9.22" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/profiling/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/profiling/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.23', '../../../skin/')" id="menu_1.1.9.23Title" class="menutitle">resource</div>
 <div id="menu_1.1.9.23" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/resource/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/resource/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.24', '../../../skin/')" id="menu_1.1.9.24Title" class="menutitle">simplesite</div>
 <div id="menu_1.1.9.24" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/simplesite/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/simplesite/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.25', '../../../skin/')" id="menu_1.1.9.25Title" class="menutitle">sitetree</div>
 <div id="menu_1.1.9.25" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/sitetree/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/sitetree/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.26', '../../../skin/')" id="menu_1.1.9.26Title" class="menutitle">sourcerepository</div>
 <div id="menu_1.1.9.26" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/sourcerepository/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/sourcerepository/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_selected_1.1.9.27', '../../../skin/')" id="menu_selected_1.1.9.27Title" class="menutitle" style="background-image: url('../../../skin/images/chapter_open.gif');">svg</div>
 <div id="menu_selected_1.1.9.27" class="selectedmenuitemgroup" style="display: block;">
 <div class="menupage">
 <div class="menupagetitle">Rounded Corners</div>
 </div>
 <div class="menuitem">
 <a href="../../../docs/modules/svg/resizeimages.html">Resizing Images</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/svg/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.28', '../../../skin/')" id="menu_1.1.9.28Title" class="menutitle">tinymce</div>
 <div id="menu_1.1.9.28" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/tinymce/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/tinymce/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.29', '../../../skin/')" id="menu_1.1.9.29Title" class="menutitle">usecasedocument</div>
 <div id="menu_1.1.9.29" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/usecasedocument/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/usecasedocument/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.30', '../../../skin/')" id="menu_1.1.9.30Title" class="menutitle">webdav</div>
 <div id="menu_1.1.9.30" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/webdav/index.html">Getting started</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/modules/webdav/monitoring.html">Monitoring</a>
 </div>
 <div class="menuitem">
 <a href="../../../docs/modules/webdav/webdav.html">WebDAV Servers</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/webdav/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.31', '../../../skin/')" id="menu_1.1.9.31Title" class="menutitle">xhtml</div>
 <div id="menu_1.1.9.31" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/xhtml/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/xhtml/index.html">API</a>
 </div>
 </div>
 <div onclick="SwitchMenu('menu_1.1.9.32', '../../../skin/')" id="menu_1.1.9.32Title" class="menutitle">xopus</div>
 <div id="menu_1.1.9.32" class="menuitemgroup">
 <div class="menuitem">
 <a href="../../../docs/modules/xopus/index.html">Overview</a>
 </div>
 <div class="menuitem">
 <a href="../../../../apidocs/2.0/modules/xopus/index.html">API</a>
 </div>
 </div>
 </div>
 </div>
 <div id="credit"></div>
 <div id="roundbottom">
 <img style="display: none" class="corner" height="15" width="15" alt="" src="../../../skin/images/rc-b-l-15-1body-2menu-3menu.png"></div>
 <!--+
   |alternative credits
   +-->
 <div id="credit2">
 <a href="http://wiki.apache.org/lenya/MeetingFreiburg2008"><img border="0" title="Meeting Freiburg 2008" alt="Meeting Freiburg 2008 - logo" src="../../../images/apache-lenya-meeting-freiburg-2008.png" style="width: 160px;height: 40px;"></a>
 </div>
 </div>
 <!--+
     |end Menu
     +-->
 <!--+
     |start content
     +-->
 <div id="content">
 <div title="Portable Document Format" class="pdflink">
 <a class="dida" href="roundedcorners.pdf"><img alt="PDF -icon" src="../../../skin/images/pdfdoc.gif" class="skin"><br>
         PDF</a>
 </div>
 <h1>SVG Module: Rounded Corners</h1>
 <div id="front-matter">
 <div id="minitoc-area">
 <ul class="minitoc">
 <li>
 <a href="#HTML">HTML</a>
 </li>
 <li>
 <a href="#Calling+the+SVG+Module">Calling the SVG Module</a>
 </li>
 <li>
 <a href="#CSS">CSS</a>
 </li>
 </ul>
 </div>
 </div>


 <p> In this document we show an example how to use the SVG module to create rounded corners in a
       convenient way. </p>

 <p> The following screenshot shows a typical box with rounded corners: </p>

 <div id="" style="text-align: center;">
 <img id="" class="figure" alt="Rounded corners screenshot" src="../../../images/live/svgmodule/roundedcorners.png"></div>


 <p>
       We want to allow dynamic scaling of the box in all directions. That's why we have to use
       four separate images for the rounded corners. The images shall be referenced from a CSS.
     </p>


 <a name="N1001B"></a><a name="HTML"></a>
 <h2 class="h3">HTML</h2>
 <div class="section">
 <p>
         The HTML of this box looks like this:
       </p>
 <pre class="code">&lt;div id="news"&gt;
   &lt;div id="newsOuter"&gt;
     &lt;div id="newsInner"&gt;
       &lt;div class="rsslink"&gt;
         &lt;a href="/news.rss" type="application/rss+xml"&gt;RSS 2.0&lt;/a&gt;
       &lt;/div&gt;
       &lt;h1&gt;News&lt;/h1&gt;
       &lt;h2&gt;
         &lt;div class="newsDate"&gt;Mar 22, 2007 6:03:37 PM&lt;/div&gt;
         &lt;a style="text-decoration: none" href="/news/lenyaRCvote.html"
           &gt;Lenya 2.0 RC1 in Voting Process&lt;/a&gt;
       &lt;/h2&gt;
       &lt;p&gt;Since Tuesday the vote for the Apache Lenya 2.0 release candidate 1 is open.&lt;/p&gt;
     &lt;/div&gt;
   &lt;/div&gt;
 &lt;/div&gt;</pre>
 <p>
         We use four HTML containers to hold our corner images. Each left corner image is
         quite wide (1500 pixels) to allow very large boxes. The right corner version is only
         as wide as the radius of the corner. That's why the right corner image has to be
         placed on top of the left corner image, i.e. the right corner container has to
         be inside the left corner container.
       </p>
 <ul>

 <li>
           The <span class="codefrag">&lt;div id="news"/&gt;</span> will hold the top left corner.
         </li>

 <li>
           The <span class="codefrag">&lt;h1/&gt;</span> will hold the top right corner.
         </li>

 <li>
           The <span class="codefrag">&lt;div id="newsOuter"/&gt;</span> will hold the bottom left corner.
         </li>

 <li>
           The <span class="codefrag">&lt;div id="newsInner"/&gt;</span> will hold the bottom right corner.
         </li>

 </ul>
 <p>
         To fill the space between the upper and lower corners, we will add a background
         color and a border to our <span class="codefrag">&lt;h2/&gt;</span> and <span class="codefrag">&lt;p/&gt;</span>
         elements which are located inside the box.
       </p>
 </div>


 <a name="N10050"></a><a name="Calling+the+SVG+Module"></a>
 <h2 class="h3">Calling the SVG Module</h2>
 <div class="section">
 <p>
         This is the anatomy of a call to a rounded corner image:
       </p>
 <pre class="code">/modules/svg/tab-{location}-{radius}-{background}-{border}.png</pre>
 <p>
         An example:
       </p>
 <pre class="code">/modules/svg/tab-bottomLeft-7-FFF6E5-FFD580.png</pre>
 <ul>

 <li>
 <span class="codefrag">/modules/svg/</span> calls the SVG module.</li>

 <li>
 <span class="codefrag">-tab-</span> denotes that we want to generate a rounded corner image (which is
           typically used for tabs).</li>

 <li>
 <span class="codefrag">-bottomLeft-</span> means that we want to generate the bottom left corner.</li>

 <li>
 <span class="codefrag">-7-</span> means that we want a corner radius of 7 pixels.</li>

 <li>
 <span class="codefrag">-FFF6E5-</span> is the background color.</li>

 <li>
 <span class="codefrag">-FFD580</span> is the border color. You can of course use the same color values
           for background and border.</li>

 </ul>
 </div>


 <a name="N10086"></a><a name="CSS"></a>
 <h2 class="h3">CSS</h2>
 <div class="section">
 <p>
         This is the important part of the CSS used for the box layout (fonts, colors etc.
         have been omitted):
       </p>
 <pre class="code">div.newsDate {
   float: right;
 }


 div#news {
   width: 180px;
   margin: 0 0 0 20px;
   background: url('/modules/svg/tab-topLeft-7-FFEECC-FFD580.png') left top no-repeat;
 }

 div#news h1 {
   margin: 0;
   padding: 7px 10px;
   background: url('/modules/svg/tab-topRight-7-FFEECC-FFD580.png') right top no-repeat;
 }

 div#news div.newsDate {
   padding-top: 10px;
 }

 div#newsOuter {
   background: url('/modules/svg/tab-bottomLeft-7-FFF6E5-FFD580.png') left bottom no-repeat;
 }

 div#newsInner {
   background: url('/modules/svg/tab-bottomRight-7-FFF6E5-FFD580.png') right bottom no-repeat;
   padding-bottom: 10px;
 }

 div#news h2 {
   padding: 0px 5px 0 5px;
 }

 div#news p {
   padding-bottom: 10px;
 }

 div#news p, div#news h2 {
   margin: 0;
   padding-left: 10px;
   padding-right: 10px;
   border-left: 1px solid #FFD580;
   border-right: 1px solid #FFD580;
   background-color: #FFF6E5;
 }

 div.rsslink {
   float: right;
   padding: 7px 10px;
 }</pre>
 </div>

 </div>
 <!--+
     |end content
     +-->
 <div class="clearboth">&nbsp;</div>
 </div>
 <div id="footer">
 <!--+
     |start bottomstrip
     +-->
 <div class="lastmodified">
 <script type="text/javascript"><!--
 document.write("Last Published: " + document.lastModified);
 //  --></script>
 </div>
 <div class="copyright">
         Copyright &copy;
          2002-2007 <a href="http://www.apache.org/licenses/LICENSE-2.0">The Apache Software Foundation.</a>
 </div>
 <div id="feedback">
     Send feedback about the website to:
   <a id="feedbackto" href="mailto:dev@lenya.apache.org?subject=Feedback%C2%A0for%C2%A0docs/modules/svg/roundedcorners.html">dev@lenya.apache.org</a>
 </div>
 <!--+
     |end bottomstrip
     +-->
 </div>
 </body>
 </html>