fetile

<feTile>SVG过滤器原语允许以填补输入图像的重复，平铺图案的目标矩形。效果是类似的一个<pattern>。

用法上下文

属性

全局属性

• 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>Result​SpecificationsSpecificationStatusCommentFilter 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