mozilla
您的搜索结果

    defs

    这篇翻译不完整。请帮忙从英语翻译这篇文章

    SVG 允许我们定义以后需要重用的图形元素。 而且我们总是推荐把所有需要复用的元素定义在`<defs>`元素里面。这样做可以增加SVG内容的易读性和可访问性。 在`<defs>`中定义的图形元素不会直接地渲染。 你可以通过使用 <use> 元素来在你的视窗中任意地方需然这些元素。

    使用上下文

    分类 Container element, Structural element
    允许内容 任意顺序的任意数量的下列元素:
    Animation elements »
    Descriptive elements »
    Shape elements »
    Structural elements »
    Gradient elements »
    <a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>
    规范文档 SVG 1.1 (2nd Edition)

    例子

    <svg width="80px" height="30px" viewBox="0 0 80 30"
         xmlns="http://www.w3.org/2000/svg">
    
      <defs>
        <linearGradient id="Gradient01">
          <stop offset="20%" stop-color="#39F" />
          <stop offset="90%" stop-color="#F3F" />
        </linearGradient>
      </defs>
    
      <rect x="10" y="10" width="60" height="10" 
            fill="url(#Gradient01)"  />
    </svg>
    

    属性

    全局属性

    特定属性

    该元素没有特定属性

    DOM 接口

    这个元素实现了 SVGDefsElement 接口。

    浏览器兼容

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support 3.0 1.0 (1.8) Not supported (Yes) 3.0.4

    本表数据来源于 这些资源.

    相关

    文档标签和贡献者

    标签: 
    此页面的贡献者有: baiya, charlie
    最后编辑者: charlie,