third_party/WebKit/LayoutTests/svg/text/scaling-font-with-geometric-precision.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2 <body>
   3 <style type="text/css">
   4 text {
   5   font-size: 6pt;
   6 }
   7 text.geometric {
   8   text-rendering: geometricPrecision;
   9 }
  10 </style>
  11 <svg height="560" width="275" version="1.1" style="position: absolute;">
  12 <text transform="scale(1.0)" dy="5" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  13 <text transform="scale(1.1)" dy="10" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  14 <text transform="scale(1.2)" dy="15" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  15 <text transform="scale(1.3)" dy="20" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  16 <text transform="scale(1.4)" dy="25" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  17 <text transform="scale(1.5)" dy="30" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  18 <text transform="scale(1.6)" dy="35" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  19 <text transform="scale(1.7)" dy="40" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  20 <text transform="scale(1.8)" dy="45" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  21 <text transform="scale(1.9)" dy="50" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  22 <text transform="scale(2.0)" dy="55" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  23 <text transform="scale(2.1)" dy="60" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  24 <text transform="scale(2.2)" dy="65" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  25 <text transform="scale(2.3)" dy="70" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  26 <text transform="scale(2.4)" dy="75" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  27 <text transform="scale(2.5)" dy="80" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  28 <text transform="scale(2.6)" dy="85" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  29 <text transform="scale(2.7)" dy="90" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  30 <text transform="scale(2.8)" dy="95" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  31 <text transform="scale(2.9)" dy="100" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  32 <text transform="scale(3.0)" dy="105" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  33 <text transform="scale(3.1)" dy="110" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  34 <text transform="scale(3.2)" dy="115" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  35 <text transform="scale(3.3)" dy="120" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  36 <text transform="scale(3.4)" dy="125" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  37 <text transform="scale(3.5)" dy="130" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  38 </svg>
  39 <svg height="560" width="275" version="1.1" style="position: absolute; left:275px;">
  40 <text class="geometric" transform="scale(1.0)" dy="5" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  41 <text class="geometric" transform="scale(1.1)" dy="10" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  42 <text class="geometric" transform="scale(1.2)" dy="15" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  43 <text class="geometric" transform="scale(1.3)" dy="20" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  44 <text class="geometric" transform="scale(1.4)" dy="25" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  45 <text class="geometric" transform="scale(1.5)" dy="30" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  46 <text class="geometric" transform="scale(1.6)" dy="35" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  47 <text class="geometric" transform="scale(1.7)" dy="40" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  48 <text class="geometric" transform="scale(1.8)" dy="45" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  49 <text class="geometric" transform="scale(1.9)" dy="50" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  50 <text class="geometric" transform="scale(2.0)" dy="55" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  51 <text class="geometric" transform="scale(2.1)" dy="60" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  52 <text class="geometric" transform="scale(2.2)" dy="65" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  53 <text class="geometric" transform="scale(2.3)" dy="70" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  54 <text class="geometric" transform="scale(2.4)" dy="75" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  55 <text class="geometric" transform="scale(2.5)" dy="80" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  56 <text class="geometric" transform="scale(2.6)" dy="85" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  57 <text class="geometric" transform="scale(2.7)" dy="90" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  58 <text class="geometric" transform="scale(2.8)" dy="95" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  59 <text class="geometric" transform="scale(2.9)" dy="100" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  60 <text class="geometric" transform="scale(3.0)" dy="105" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  61 <text class="geometric" transform="scale(3.1)" dy="110" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  62 <text class="geometric" transform="scale(3.2)" dy="115" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  63 <text class="geometric" transform="scale(3.3)" dy="120" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  64 <text class="geometric" transform="scale(3.4)" dy="125" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  65 <text class="geometric" transform="scale(3.5)" dy="130" fill="navy">iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</text>
  66 </svg>
  67 </body>
  68 </html>