mozilla

Compare Revisions

text

Change Revisions

Revision 57705:

Revision 57705 by rshetty on

Revision 296027:

Revision 296027 by Jeremie on

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

Revision 57705
Revision 296027
n52<?xml version="1.0" standalone="no"?>n52<?xml version="1.0"?>
53<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 53<svg xmlns="http://www.w3.org/2000/svg"
54  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
55<svg width="10cm" height="3cm" viewBox="0 0 1000 300"54     width="100px" height="30px" viewBox="0 0 1000 300">
56     xmlns="http://www.w3.org/2000/svg" version="1.1">
n59        font-family="Verdana" font-size="55">n57        font-family="Verdana" 
58        font-size="55">
n72<code>&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="httn71&lt;svg xmlns="http://www.w3.org/2000/svg" width="100px" height="
>p://www.w3.org/1999/xlink"&gt;>50px"&gt;
n74&lt;/svg&gt;</code>n73&lt;/svg&gt;
n80<code>&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="httn79&lt;svg xmlns="http://www.w3.org/2000/svg" width="100px" height="
>p://www.w3.org/1999/xlink"&gt;>50px"&gt;
n82     transform="rotate(30 20,40)" n81        transform="rotate(30 20,40)"&gt;
83     style="stroke:none; fill:#000000;"&gt;
84       SVG Text Rotation example &lt;/text&gt;82    SVG Text Rotation example
83  &lt;/text&gt;
85&lt;/svg&gt;</code>84&lt;/svg&gt;
n87    <p>n
88      SVG text can be styled
89    </p>86    <p>
87      SVG text can also be styled
88    </p>
n91<code>&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="httn90&lt;svg xmlns="http://www.w3.org/2000/svg" width="100px" height="
>p://www.w3.org/1999/xlink"&gt;>50px"&gt;
92      &lt;text x="10"  y="20"91  &lt;text x="10"  y="20"
93          style="font-family: Times New Roman;92        style="font-family: Times New Roman;
94                 font-size  : 24;93               font-size  : 24;
95                 stroke     : #00ff00;94               stroke     : #00ff00;
96                 fill       : #0000ff;95               fill       : #0000ff;"&gt;
97                "96    SVG text styling
98          &gt;SVG text styling&lt;/text&gt;97  &lt;/text&gt;
99&lt;/svg&gt;</code>98&lt;/svg&gt;
n148    <h2 id="DOM&nbsp;Interface">n147    <h2 id="DOM.C2.A0Interface">
n161      {{ CompatTableHeader() }}n
nn163            <th>
164              Feature
165            </th>
166            <th>
167              Chrome
168            </th>
169            <th>
170              Firefox (Gecko)
171            </th>
172            <th>
173              IE
174            </th>
175            <th>
176              Opera
177            </th>
178            <th>
179              Safari
180            </th>
181          </tr>
182          <tr>
t169              1.0t187              {{ CompatChrome('1.0') }}

Back to History