在线HTML编辑器 - BootWiki.com

<!DOCTYPE html>
<html>
<body>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="Erode1">
      <feMorphology in="SourceGraphic" operator="erode" radius="1" />
    </filter>
    <filter id="Erode3">
      <feMorphology in="SourceGraphic" operator="erode" radius="3" />
    </filter>
    <filter id="Erode4">
      <feMorphology in="SourceGraphic" operator="erode" radius="4" />
    </filter>
    <filter id="Dilate1">
      <feMorphology in="SourceGraphic" operator="dilate" radius="1" />
    </filter>
    <filter id="Dilate3">
      <feMorphology in="SourceGraphic" operator="dilate" radius="3" />
    </filter>
    <filter id="Dilate4">
      <feMorphology in="SourceGraphic" operator="dilate" radius="4" />
    </filter>
  </defs>
  <g enable-background="new">
    <g font-family="Verdana" font-size="50" stroke="red" stroke-width="4">
      <text x="50" y="60">Unfiltered</text>
      <text filter="url(#Erode1)" x="50" y="120">Erode 1</text>
      <text filter="url(#Erode3)" x="50" y="180">Erode 3</text>
      <text filter="url(#Erode4)" x="50" y="240">Erode 4</text>
      <text filter="url(#Dilate1)" x="50" y="300">Dilate 1</text>
      <text filter="url(#Dilate3)" x="50" y="360">Dilate 3</text>
      <text filter="url(#Dilate4)" x="50" y="420">Dilate 4</text>
    </g>
  </g>
</svg>

</body>
</html>