fetile
<fetile>
<feTile>SVG过滤器原语允许以填补输入图像的重复,平铺图案的目标矩形。效果是类似的一个<pattern>。
用法上下文
分类 | 过滤基元 |
---|---|
允许的内容 | 以任意顺序包含以下任意数量的元素:<animate>,<set> |
属性
全局属性
- Core attributes
- Presentation attributes
- Filter primitive attributes
class
style
具体属性
- inDOM InterfaceThis element implements the SVGFETileElement interface.ExampleSVG<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter id="tile" x="0" y="0" width="100%" height="100%"> <feOffset in="SourceGraphic" x="50" y="50" width="100" height="100" /> <feTile/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#tile"/> </svg>ResultSpecificationsSpecificationStatusCommentFilter Effects Module Level 1The definition of '<feTile>' in that specification.Working DraftNo changeScalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<feTile>' in that specification.RecommendationInitial definitionBrowser compatibilityFeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafariBasic support(Yes)(Yes)4.0 (2.0)(Yes)9.0?FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari MobileBasic support?(Yes)????The chart is based on these sources.See also