samples/tests/spec12/text/flowText.svg

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

<!--

   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You under the Apache License, Version 2.0
   (the "License"); you may not use this file except in compliance with
   the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

-->

<!-- ====================================================================== -->
<!-- Tests various text on a path                                           -->
<!--                                                                        -->
<!-- @author bella.robinson@cmis.csiro.au                                   -->
<!-- @version $Id$   -->
<!-- ====================================================================== -->

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

<svg id="body" width="450" height="500" viewBox="0 0 450 500"
     xmlns="http://www.w3.org/2000/svg" version="1.2"
     xmlns:xlink="http://www.w3.org/1999/xlink" >
<title>Test of Text wrapping stuff.</title>

   <g id="content" >

      <text class="title" x="50%" y="40">Test of Text wrapping stuff</text>
         <!-- Space after size 40 'that' is aci 45 -->
      <rect x="17"  y="80" width="200" height="400" fill="rgb(220,220,255)"/>
      <rect x="233" y="80" width="200" height="400" fill="rgb(220,220,255)"/>

      <line x1="27"  y1="70" x2="27"  y2="490" stroke="grey" fill="none"/>
      <line x1="207" y1="70" x2="207" y2="490" stroke="grey" fill="none"/>
      <line x1="243" y1="70" x2="243" y2="490" stroke="grey" fill="none"/>
      <line x1="423" y1="70" x2="423" y2="490" stroke="grey" fill="none"/>

      <flowRoot font-size="20">
         <flowRegion>
           <rect x="17"  y="80" width="200" height="400" visibility="hidden"/>
           <rect x="233" y="80" width="200" height="400" visibility="hidden"/>
         </flowRegion>

         <flowDiv>
            <flowPara indent="20" margin-bottom="10" >This is an <flowSpan font-size="40" fill="crimson">ex&#x00AD;ample</flowSpan> of a very long string that is split &#x200D;across multi&#x00AD;ple lines via text wrap&#x0AD;ping.</flowPara>
            <flowPara text-align="full" margin-top="10" margin-left="10" margin-right="10" margin-bottom="10">Now check if text wrapping handles some tricky stuff: a&#x00AD;very&#x00AD;long&#x00AD;runon&#x00AD;word&#x00AD;that&#x00AD;spans&#x00AD;multiple&#x00AD;lines&#x00AD;<flowSpan font-weight="bold">with&#x00AD;<flowSpan fill="crimson">embed&#x00AD;</flowSpan>span</flowSpan>&#x00AD;elements &amp; <flowSpan fill="green" dy="-.3em" font-size="80%">super</flowSpan><flowSpan dy=".3em"> or </flowSpan><flowSpan fill="darkgreen" dy=".3em" font-size="80%">sub</flowSpan><flowSpan dy="-.3em"> scripts.</flowSpan></flowPara>
            <flowPara margin-top="10pt" text-align="end">We are just <flowSpan font-size="30" fill="blue">about</flowSpan> to go to the next flow rect <flowSpan font-size="10">(NOTE: if the 'about' were included on the last line of the previous flow the line would not have fit in the region, so it is moved to this flowRegion).</flowSpan></flowPara>
            <flowPara margin="10px" text-align="middle">     I want to make sure that it stops when it hits the end of all of the flowRegions defined. Also the last line includes text in a larger font size so it will not fit. The end of this sentence will be cut off because the line size gets <flowSpan font-size="35">tall</flowSpan>er</flowPara>
         </flowDiv>
      </flowRoot>
   </g>

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