实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
​
5
<svg xmlns="https://www.w3.org/2000/svg" version="1.1">
6
  <defs>
7
    <filter id="test" filterUnits="objectBoundingBox" x="0" y="0" width="1.5" height="4">
8
      <feOffset result="Off1" dx="15" dy="20" />
9
      <feFlood style="flood-color:#ff0000;flood-opacity:0.8" />
10
      <feComposite in2="Off1" operator="in" result="C1" />
11
      <feOffset in="SourceGraphic" result="Off2" dx="30" dy="40" />
12
      <feFlood style="flood-color:#ff0000;flood-opacity:0.4" />
13
      <feComposite in2="Off2" operator="in" result="C2" />
14
      <feMerge>
15
        <feMergeNode in="C2" />
16
        <feMergeNode in="C1" />
17
        <feMergeNode in="SourceGraphic" />
18
      </feMerge>
19
    </filter>
20
  </defs>
21
  <text x="30" y="100" style="font:36px verdana bold;fill:blue;filter:url(#test)">This is some text!</text>
22
</svg>
23
​
24
</body>
25
</html>