Compare Revisions

text

Change Revisions

Revision 57702:

Revision 57702 by Manuel_Strehl on

Revision 57703:

Revision 57703 by rshetty on

Title:
text
text
Slug:
SVG/Element/text
SVG/Element/text
Tags:
SVG, NeedsMarkupWork, "SVG Element"
SVG, NeedsMarkupWork, "SVG Element"
Content:

Revision 57702
Revision 57703
tt68    <p>
69      The &lt;text&gt; element is used to draw text . The followi
 >ng code example is used for drawing a text with co-ordinates.
70    </p>
71    <pre class="script-jem">
72&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
 >w.w3.org/1999/xlink"&gt;
73  &lt;text x="10" y="20"&gt;SVG Text Example&lt;/text&gt;
74&lt;/svg&gt;
75</pre>
76    <p>
77      SVG text can be rotated. The following code example illustr
 >ates it.
78    </p>
79    <pre class="script-jem">
80&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
 >w.w3.org/1999/xlink"&gt;
81  &lt;text x="10"  y="20" 
82     transform="rotate(30 20,40)" 
83     style="stroke:none; fill:#000000;"&gt;
84       SVG Text Rotation example &lt;/text&gt;
85&lt;/svg&gt;
86</pre>
87    <p>
88      SVG text can be styled
89    </p>
90    <pre class="script-jem">
91&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
 >w.w3.org/1999/xlink"&gt;
92      &lt;text x="10"  y="20"
93          style="font-family: Times New Roman;
94                 font-size  : 24;
95                 stroke     : #00ff00;
96                 fill       : #0000ff;
97                "
98          &gt;SVG text styling&lt;/text&gt;
99&lt;/svg&gt;
100</pre>

Back to History