text-text-11-t-manual.svg

<svg id="svg-root" width="100%" height="100%"

  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"

  xmlns:xlink="http://www.w3.org/1999/xlink">

  <!--======================================================================-->

  <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->

  <!--=  Institute of Technology, European Research Consortium for         =-->

  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->

  <!--=  All Rights Reserved.                                              =-->

  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->

  <!--======================================================================-->

  <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"

    template-version="1.4" reviewer="CL" author="ED" status="accepted"

    version="$Revision: 1.3 $" testname="$RCSfile: text-text-11-t.svg,v $">

    <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/text.html#TextElement">

<p>

        Test rendering of text rotated by a transform attribute, same as the text-text-10-t test but not using an SVGFont.

      </p>

    </d:testDescription>

    <d:operatorScript xmlns="http://www.w3.org/1999/xhtml">

<p>

        Run the test. No interaction required.

      </p>

    </d:operatorScript>

    <d:passCriteria xmlns="http://www.w3.org/1999/xhtml">

<p>

        The test has passed if the image shows text rotated by various different angles, the result should closely match the reference image, but note that the font is allowed

        be different from the font used in the reference image.

      </p>

    </d:passCriteria>

  </d:SVGTestCase>

  <title id="test-title">$RCSfile: text-text-11-t.svg,v $</title>

  <defs>

    <font-face

      font-family="SVGFreeSansASCII"

      unicode-range="U+0-7F">

      <font-face-src>

        <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>

      </font-face-src>

    </font-face>

  </defs>

  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">

    <!-- Note that picking a platform font (sans-serif) is one of the main purposes of this test -->

    <g font-family="sans-serif">

      <text transform="rotate(90) translate(120 -100)" text-anchor="middle">Rotated 90 degrees</text>

      <text transform="rotate(-90) translate(-120 140)" text-anchor="middle">Rotated -90 degrees</text>

      <text transform="rotate(180) translate(-120 -250)" text-anchor="middle">Rotated 180 degrees</text>

      <text transform="rotate(360) translate(120 230)" text-anchor="middle">Unrotated text</text>

      <text transform="translate(250 180) rotate(85 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(75 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(65 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(55 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(45 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(35 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(25 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(15 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(5 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-5 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-15 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-25 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-35 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-45 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-55 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-65 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-75 0 0)">Rotated by 10 degrees</text>

      <text transform="translate(250 180) rotate(-85 0 0)">Rotated by 10 degrees</text>

    </g>

  </g>

  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">

    <text id="revision" x="10" y="340" stroke="none"

      fill="black">$Revision: 1.3 $</text>

  </g>

  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>

  <!-- comment out this watermark once the test is approved

  <g id="draft-watermark">

    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>

    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"

      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>

  </g>-->

</svg>

Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)