在线HTML编辑器 - BootWiki.com

<!DOCTYPE html>
<html>
<body>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient gradientUnits="userSpaceOnUse" id="MyGrad" x1="50" x2="600" y1="0" y2="0">
      <stop offset="0" stop-color="#ff0000" />
      <stop offset=".33" stop-color="#00ff00" />
      <stop offset=".67" stop-color="#0000ff" />
      <stop offset="1" stop-color="#000000" />
    </linearGradient>
    <filter id="Identity">
      <feComponentTransfer>
        <feFuncR type="identity" />
	    <feFuncG type="identity" />
        <feFuncB type="identity" />
	    <feFuncA type="identity" />
      </feComponentTransfer>
    </filter>
    <filter id="Table">
	  <feComponentTransfer>
        <feFuncR tableValues="0 0 1 1" type="table" />
	    <feFuncG tableValues="1 1 0 0" type="table" />
        <feFuncB tableValues="0 1 1 0" type="table" />
      </feComponentTransfer>
    </filter>
    <filter id="Linear">
      <feComponentTransfer>
        <feFuncR intercept=".25" slope=".5" type="linear" />
	    <feFuncG intercept="0" slope=".5" type="linear" />
        <feFuncB intercept=".5" slope=".5" type="linear" />
      </feComponentTransfer>
    </filter>
    <filter id="Gamma">
      <feComponentTransfer>
        <feFuncR amplitude="2" exponent="5" offset="0" type="gamma" />
	    <feFuncG amplitude="2" exponent="3" offset="0" type="gamma" />
        <feFuncB amplitude="2" exponent="1" offset="0" type="gamma" />
      </feComponentTransfer>
    </filter>
  </defs>
  <g fill="url(#MyGrad)" font-size="50" font-weight="bold">
    <text filter="url(#Identity)" x="50" y="60">Identity</text>
    <text filter="url(#Table)" x="50" y="120">TableLookup</text>
    <text filter="url(#Linear)" x="50" y="180">LinearFunc</text>
    <text filter="url(#Gamma)" x="50" y="240">GammaFunc</text>
  </g>
</svg>

</body>
</html>