非常教程

SVG参考手册

分类 | Elements

femergenode

feMergeNode另一个过滤器的结果作为其父项处理<feMerge>

用法上下文

分类

没有

允许的内容

以任意顺序包含以下任意数量的元素:<animate>,<set>

<svg width="200" height="200"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">


    <filter id="feOffset" x="-40" y="-20" width="100" height="200">
        <feOffset in="SourceGraphic" dx="60" dy="60" />
        <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
        <feMerge>
            <feMergeNode in="blur2" />
            <feMergeNode in="SourceGraphic" />
        </feMerge>
    </filter>

<rect x="40" y="40" width="100" height="100"
       style= "stroke : #000000; fill: green; filter: url(#feOffset);" />
<rect x="40" y="40" width="100" height="100"
        style= "stroke : #000000; fill: green; " />
      </svg> 

属性

全局属性

  • Core attributes »Specific attributes
  • in

DOM接口

这个元素实现了SVGFEMergeNodeElement接口。

产品规格

Specification

Status

Comment

Filter Effects Module Level 1The definition of '<feMergeNode>' in that specification.

Working Draft

Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<feMergeNode>' in that specification.

Recommendation

Initial definition

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

?

(Yes)

4.0 (2.0)

?

9.0

?

Feature

Android

Edge

Firefox Mobile (Gecko)

IE Phone

Opera Mobile

Safari Mobile

Basic support

?

(Yes)

?

?

?

?

SVG

可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。