SVG
टेक्स्ट

पैरामीटर

टिप्पणियों

पाठ ड्रा करें

<svg xmlns="http://www.w3.org/2000/svg">
    <text x="40" y="60" font-size="28">Hello World!</text>
</svg>

X और y समन्वय पाठ के निचले-बाएँ कोने की स्थिति को निर्दिष्ट करता है (जब तक कि पाठ-लंगर संशोधित नहीं किया गया है)।

सुपर- और सबस्क्रिप्ट

बेसलाइन-शिफ्ट पैरामीटर का उपयोग करके, आप सुपर या सबस्क्रिप्ट निर्दिष्ट कर सकते हैं। लेकिन यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित नहीं है।

<svg xmlns="http://www.w3.org/2000/svg">
    <text x="10" y="20">x<tspan baseline-shift="super">2</tspan></text>
    <text x="10" y="60">f<tspan baseline-shift="sub">x</tspan></text>
</svg>

क्रॉस-ब्राउज़र समाधान के लिए, आप डाई, डीएक्स और रिश्तेदार फ़ॉन्ट आकार का उपयोग कर सकते हैं।

<svg xmlns="http://www.w3.org/2000/svg">
    <text x="10" y="40">x<tspan dy="-7" font-size=".7em">2</tspan></text>
    <text x="10" y="80">f<tspan dy="3" font-size=".7em">x</tspan></text>
</svg>

पाठ घुमाएँ

घुमाए गए गुण प्रत्येक वर्ण को निर्दिष्ट कोण से घुमाते हैं।

<svg xmlns="http://www.w3.org/2000/svg">
    <text x="10" y="20" rotate="30">Each character is rotated</text>
</svg>

संपूर्ण पाठ तत्व को घुमाने के लिए, आपको ट्रांसफ़ॉर्मिंग प्रॉपर्टी का उपयोग करना होगा।

<svg xmlns="http://www.w3.org/2000/svg">
    <text transform="translate(10, 60) rotate(30)">The whole text is rotated</text>
</svg>

एक्स और वाई मानों के एरर्स के साथ अलग-अलग लेटर पोजिशनिंग

<svg width="400px" height="200px"> 
 <text x="1em, 2em, 3em, 4em, 5em" y="3em, 4em, 5em">
    Individually Spaced Text
  </text>
</svg>

पाठ तत्व x और y के लिए मानों की एक सरणी को स्वीकार करके अक्षरों के व्यक्तिगत प्लेसमेंट का समर्थन करता है।