samples/tests/text-rendering.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">

<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved.        -->
<!--                                                                           -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in  -->
<!-- the LICENSE file.                                                         -->
<!-- ========================================================================= -->

<!-- ========================================================================= -->
<!--  Test 'text-rendering' property                                           -->
<!--                                                                           -->
<!-- @author tkormann@apache.org                                               -->
<!-- @version $Id$ -->
<!-- ========================================================================= -->

<?xml-stylesheet type="text/css" href="test.css" ?>


<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title>Test the 'text-rendering' property</title>
    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->
<g id="testContent">
  <text x="225" y="50" class="title">
    Test the 'text-rendering' property
  </text>

  <g style="text-anchor:middle;font-size:64;font-weight:bold;fill:gold;stroke:crimson;stroke-width:2">

  <text x="120" y="180" style="text-rendering:auto">Batik</text>
  <text x="330" y="180" style="text-rendering:optimizeSpeed">Batik</text>
  <text x="120" y="330" style="text-rendering:optimizeLegibility">Batik</text>
  <text x="330" y="330" style="text-rendering:geometricPrecision">Batik</text>
  </g>

  <g style="font-size:11;fill:black;stroke:none;text-anchor:middle">
  <text x="120" y="204">auto</text>
  <text x="330" y="204">optimizeSpeed</text>
  <text x="120" y="354">optimizeLegibility</text>
  <text x="330" y="354">geometricPrecision</text>
  </g>
</g>

    <!-- ============================================================= -->
    <!-- Batik sample mark                                             -->
    <!-- ============================================================= -->
    <use xlink:href="../batikLogo.svg#Batik_Tag_Box" />
    
</svg>