third_party/WebKit/LayoutTests/svg/zoom/text/zoom-text-and-geometry.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 body {
   6     font-size : 16px;
   7     font-family : "Times New Roman";
   8     zoom: 2;
   9 }
  10 rect {
  11     fill : green;
  12     stroke: green;
  13 }
  14 text {
  15     fill : red;
  16 }
  17 .geometricPrecision {
  18     fill : red;
  19     text-rendering: geometricPrecision;
  20 }
  21 </style>
  22 </head>
  23 <body>
  24     crbug.com/245996: Text should zoom like geometry.<br/>
  25     This test passes if there is no red.<br/>
  26     <svg version="1.1" width="32px" height="32px">
  27         <text x="10" y="22">F</text>
  28         <rect x="10" y="10" width="12" height="12"/>
  29     </svg>
  30     <svg version="1.1" width="2em" height="2em">
  31         <text x="10" y="22">A</text>
  32         <rect x="10" y="10" width="12" height="12"/>
  33     </svg>
  34     <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
  35         <text x="10" y="22">I</text>
  36         <rect x="10" y="10" width="12" height="12"/>
  37     </svg>
  38     <svg version="1.1" width="32px" height="32px">
  39         <text class="geometricPrecision" x="10" y="22">L</text>
  40         <rect x="10" y="10" width="12" height="12"/>
  41     </svg>
  42     <svg version="1.1" width="2em" height="2em">
  43         <text class="geometricPrecision" x="10" y="22">F</text>
  44         <rect x="10" y="10" width="12" height="12"/>
  45     </svg>
  46     <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
  47         <text class="geometricPrecision" x="10" y="22">F</text>
  48         <rect x="10" y="10" width="12" height="12"/>
  49     </svg>
  50 </body>
  51 </html>