samples/tests/spec12/text/flowText4.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 -->

      <text x="225" y="450" fill="lightblue" 
            font-size="500" font-weight="bold"
            text-anchor="middle"
       >B</text>
      <flowRoot font-size="10">
         <flowRegion>
            <text x="225" y="450" font-size="500" font-weight="bold" text-anchor="middle" visibility="hidden">B</text>
            <!-- <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-top="3" margin-bottom="5" >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="middle" margin-top="5" margin-left="10" margin-right="10" margin-bottom="5"><flowLine>Now check if text wrapping handles a number of tricky </flowLine>situations: 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">embedded&#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="5" text-align="end">Now 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 rect the line would not have fit and the whole line would have moved here).</flowSpan></flowPara>
            <flowPara margin="10" text-align="full">     I'll keep going because I want to make sure that it properly stops when it hits the end of all of the the flow regions defined. Also the last line includes text in a larger font size so it will not fit. Thus 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>