third_party/WebKit/LayoutTests/svg/custom/viewbox-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 viewBox with syntax errors and default should be chosen.</text>
  19                 <g id="meet-group-2" 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="none" viewBox="0" 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="none" viewBox="0 0" 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="none" viewBox="0 0 30" 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="none" viewBox="0 0 30 40 50" 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="none" 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="none" viewBox=",0 0 30 40" width="30" height="60">&Smile;</svg>
  36                         </g>
  37                         <g transform="translate(300, 50)">
  38          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 -30 40" width="30" height="60">&Smile;</svg>
  39                         </g>
  40                         <g transform="translate(350, 50)">
  41          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30 -40" width="30" height="60">&Smile;</svg>
  42                         </g>
  43                         <g transform="translate(400, 50)">
  44          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30, , 40" width="30" height="60">&Smile;</svg>
  45                         </g>
  46                         <g transform="translate(450, 50)">
  47          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30% 40" width="30" height="60">&Smile;</svg>
  48                         </g>
  49                         <text x="0" y="190">All svgs below should look the same, all have valid viewBoxes.</text>
  50                 <g id="meet-group-2" transform="translate(0, 200)">
  51          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30 40" width="30" height="60">&Smile;</svg>
  52                         </g>
  53                         <g transform="translate(50, 200)">
  54          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0, 0 30 40" width="30" height="60">&Smile;</svg>
  55                         </g>
  56                         <g transform="translate(100, 200)">
  57          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0, 0, 30 40" width="30" height="60">&Smile;</svg>
  58                         </g>
  59                         <g transform="translate(150, 200)">
  60          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0, 0, 30, 40" width="30" height="60">&Smile;</svg>
  61                         </g>
  62                         <g transform="translate(200, 200)">
  63          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 -1 30 40" width="30" height="60">&Smile;</svg>
  64                         </g>
  65                         <g transform="translate(250, 200)">
  66          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30,40" width="30" height="60">&Smile;</svg>
  67                         </g>
  68                         <g transform="translate(300, 200)">
  69          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox=" 0 0 30 40" width="30" height="60">&Smile;</svg>
  70                         </g>
  71                         <g transform="translate(350, 200)">
  72          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 30 40 " width="30" height="60">&Smile;</svg>
  73                         </g>
  74             </g>
  75         </g>
  76 </svg>