third_party/WebKit/LayoutTests/svg/custom/feComponentTransfer-Gamma.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 <svg 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" version="1.1" baseProfile="basic">
   4         <title id="test-title">feComponentTransfer Test - Gamma</title>
   5         <desc id="test-desc">feComponentTransfer tests.</desc>
   6         <g id="test-body-content">
   7                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="15" y="5" width="450" height="300" viewBox="0 0 650 420">
   8                         <defs>
   9                                 <linearGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="10" y1="0" x2="590" y2="0">
  10                                         <stop offset="0" stop-color="#00ff00"/>
  11                                         <stop offset="1" stop-color="#000000"/>
  12                                 </linearGradient>
  13                                 <filter id="Identity" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
  14                                         <feComponentTransfer>
  15                                                 <feFuncR type="identity"/>
  16                                         </feComponentTransfer>
  17                                 </filter>
  18                                 <filter id="GammaBlank" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
  19                                         <feComponentTransfer>
  20                                                 <feFuncG type="gamma" amplitude="1" exponent="1" offset="0"/>
  21                                         </feComponentTransfer>
  22                                 </filter>
  23                                 <filter id="GammaFull" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
  24                                         <feComponentTransfer>
  25                                                 <feFuncG type="gamma" amplitude="1" exponent="0.5" offset="0"/>
  26                                         </feComponentTransfer>
  27                                 </filter>
  28                                 <filter id="GammaOrd" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
  29                                         <feComponentTransfer>
  30                                                 <feFuncG type="gamma" amplitude="1" exponent="2" offset="0"/>
  31                                         </feComponentTransfer>
  32                                 </filter>
  33                         </defs>
  34                         <rect fill="none" stroke="blue" x="1" y="1" width="648" height="418"/>
  35                         <g font-size="15" font-family="Verdana">
  36                                 <rect fill="none" stroke="blue" x="1" y="1" width="648" height="418"/>
  37                                 <rect x="20" y="10" width="580" height="40" fill="url(#MyGradient)" filter="url(#Identity)"/>
  38                                 <text x="20" y="70">type: identity</text>
  39                                 <rect x="20" y="110" width="580" height="40" fill="url(#MyGradient)" filter="url(#GammaBlank)"/>
  40                                 <text x="20" y="170">type: gamma amplitude=1 exponent=1 offset=0 -- Result should be identity</text>
  41                                 <rect x="20" y="210" width="580" height="40" fill="url(#MyGradient)" filter="url(#GammaFull)"/>
  42                                 <text x="20" y="270">type: gamma amplitude=1 exponent=0.5 offset=0 -- Result should be</text>
  43                                 <text x="20" y="290">delayed falloff in gradient</text>
  44                                 <rect x="20" y="310" width="580" height="40" fill="url(#MyGradient)" filter="url(#GammaOrd)"/>
  45                                 <text x="20" y="370">type: gamma amplitude=1 exponent=2 offset=0 -- Result should compress</text>
  46                                 <text x="20" y="390">the gradient</text>
  47                         </g>
  48                 </svg>
  49         </g>
  50 </svg>