third_party/WebKit/LayoutTests/svg/custom/preserve-aspect-ratio-syntax.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd" [
   3         <!ENTITY Smile "
   4 <rect x='.5' y='.5' width='29' height='39' fill='black' stroke='red'/>
   5 <g transform='translate(0, 5)'>
   6 <circle cx='15' cy='15' r='10' fill='yellow'/>
   7 <circle cx='12' cy='12' r='1.5' fill='black'/>
   8 <circle cx='17' cy='12' r='1.5' fill='black'/>
   9 <path d='M 10 19 L 15 23 20 19' stroke='black' stroke-width='2'/>
  10 </g>
  11 ">
  12         <!ENTITY Viewport2 "<rect x='.5' y='.5' width='29' height='59'
  13 fill='none' stroke='blue'/>">
  14 ]>
  15 <svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  16         <g id="test-body-content" transform="translate(0, 0)">
  17                 <g font-size="9">
  18                         <text x="0" y="30">All svgs below should look the same, since all have preserveAspectRatio with syntax errors and default should be chosen.</text>
  19                         <g transform="translate(0, 50)">
  20          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  21                         </g>
  22                         <g transform="translate(50, 50)">
  23          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  24                         </g>
  25                         <g transform="translate(100, 50)">
  26          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer xMidYMid meet a" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  27                         </g>
  28                         <g transform="translate(150, 50)">
  29          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer 1 xMidYMid meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  30                         </g>
  31                         <g transform="translate(200, 50)">
  32          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer , xMidYMid meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  33                         </g>
  34                         <g transform="translate(250, 50)">
  35          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  36                         </g>
  37                         <text x="0" y="190">All svgs below should look the same, all have valid preserveAspectRatio.</text>
  38                         <g transform="translate(0, 200)">
  39          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="defer xMidYMid meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  40                         </g>
  41                         <g transform="translate(50, 200)">
  42          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  43                         </g>
  44                         <g transform="translate(100, 200)">
  45          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="  xMidYMid meet" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  46                         </g>
  47                         <g transform="translate(150, 200)">
  48          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet  " viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  49                         </g>
  50             </g>
  51         </g>
  52 </svg>