内容表

• Usage context
• 属性
• DOM Interface
• 范例
• 规范
• 浏览器兼容性
• 另请参阅

<tref>

1. <altglyph>
2. <altglyphdef>
3. <altglyphitem>
4. <glyph>
5. <glyphref>
6. <text>
7. <textpath>
8. <tref>
9. <tspan>
10. SVG 元素

    1. A
       1. <a>
       2. <altGlyph>
       3. <altGlyphDef>
       4. <altGlyphItem>
       5. <animate>
       6. <animateColor>
       7. <animateMotion>
       8. <animateTransform>
    2. B-C
       1. <circle>
       2. <clipPath>
       3. <color-profile>
       4. <cursor>
    3. D
       1. <defs>
       2. <desc>
    4. E
       1. <ellipse>
    5. F
       1. <feBlend>
       2. <feColorMatrix>
       3. <feComponentTransfer>
       4. <feComposite>
       5. <feConvolveMatrix>
       6. <feDiffuseLighting>
       7. <feDisplacementMap>
       8. <feDistantLight>
       9. <feFlood>
       10. <feFuncA>
       11. <feFuncB>
       12. <feFuncG>
       13. <feFuncR>
       14. <feGaussianBlur>
       15. <feImage>
       16. <feMerge>
       17. <feMergeNode>
       18. <feMorphology>
       19. <feOffset>
       20. <fePointLight>
       21. <feSpecularLighting>
       22. <feSpotLight>
       23. <feTile>
       24. <feTurbulence>
       25. <filter>
       26. <font>
       27. <font-face>
       28. <font-face-format>
       29. <font-face-name>
       30. <font-face-src>
       31. <font-face-uri>
       32. <foreignObject>
    6. G
       1. <g>
       2. <glyph>
       3. <glyphRef>
    7. H
       1. <hkern>
    8. I
       1. <image>
    9. J-L
       1. <line>
       2. <linearGradient>
    10. M
        1. <marker>
        2. <mask>
        3. <metadata>
        4. <missing-glyph>
        5. <mpath>
    11. N-P
        1. <path>
        2. <pattern>
        3. <polygon>
        4. <polyline>
    12. Q-R
        1. <radialGradient>
        2. <rect>
    13. S
        1. <script>
        2. <set>
        3. <stop>
        4. <style>
        5. <svg>
        6. <switch>
        7. <symbol>
    14. T
        1. <text>
        2. <textPath>
        3. <title>
        4. <tref>
        5. <tspan>
    15. U
        1. <use>
    16. V-Z
        1. <view>
        2. <vkern>

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The textual content for a <text> SVG element can be either character data directly embedded within the <text> element or the character data content of a referenced element, where the referencing is specified with a <tref> 元素。

Usage context

类别	Text content element, Text content child element
准许内容	Any number of the following elements, in any order: Descriptive elements <animate> , <animateColor> , <set>

属性

全局属性

• Conditional processing attributes
• Core attributes
• Graphical event attributes
• Presentation attributes
• Xlink attributes
• class
• style

Specific attributes

• xlink:href

DOM Interface

This element implements the SVGTRefElement 接口。

范例

<svg width="100%" height="100%" viewBox="0 0 1000 300"

xmlns



=


"

http://www.w3.org/2000/svg

"




xmlns:

xlink



=


"

http://www.w3.org/1999/xlink

"



>





<

defs


>





<

text


id



=


"

ReferencedText

"



>


Referenced character data



</

text


>





</

defs


>





<

text


x



=


"

100

"



y



=


"

100

"



font-size



=


"

45

"



>


Inline character data



</

text


>





<

text


x



=


"

100

"



y



=


"

200

"



font-size



=


"

45

"



fill



=


"

red

"



>





<

tref



xlink:

href



=


"

#ReferencedText

"



/>





</

text


>



<!-- Show outline of canvas using 'rect' element -->




<

rect


x



=


"

1

"



y



=


"

1

"



width



=


"

998

"



height



=


"

298

"



fill



=


"

none

"



stroke-width



=


"

2

"



/>





</

svg


>



					

规范

规范
Scalable Vector Graphics (SVG) 1.1 (Second Edition) (SVG) # TRefElement

浏览器兼容性

BCD tables only load in the browser

另请参阅

• <text>

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者