http://wbex.ru/index.php?action=history&feed=atom&title=XML%2FSVG%2Ftext
XML/SVG/text - История изменений
2026-04-04T12:09:39Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=XML/SVG/text&diff=9907&oldid=prev
Admin: 1 версия
2010-05-26T08:25:53Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:25, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=XML/SVG/text&diff=9906&oldid=prev
в 18:22, 25 мая 2010
2010-05-25T18:22:29Z
<p></p>
<p><b>Новая страница</b></p><div>==Displaying Text with blur Filters==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"><br />
<svg width="100%" height="100%"><br />
<defs><br />
<filter id="blurFilter1" filterUnits="objectBoundingBox" x="0"<br />
y="0" width="100%" height="100%"><br />
<feGaussianBlur stdDeviation="4" /><br />
</filter><br />
</defs><br />
<g transform="translate(50,100)"><br />
<text id="normalText" x="0" y="0" fill="red" stroke="black"<br />
stroke-width="4" font-size="72"><br />
Normal Text<br />
</text><br />
<text id="horizontalText" x="0" y="100"<br />
filter="url(#blurFilter1)" fill="red" stroke="black" stroke-width="4"<br />
font-size="72"><br />
Blurred Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Displaying Text with Linear Gradients==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> <br />
<svg width="100%" height="100%"> <br />
<defs><br />
<linearGradient id="gradientDefinition"<br />
x1="0" y1="0" x2="300" y2="0" <br />
gradientUnits="userSpaceOnUse"><br />
<stop offset="0%" style="stop-color:#FFFF00"/><br />
<stop offset="100%" style="stop-color:#000000"/><br />
</linearGradient> <br />
</defs><br />
<br />
<g transform="translate(50,150)"><br />
<text id="horizontalText" x="0" y="0" <br />
fill="url(#gradientDefinition)" <br />
font-size="96"><br />
Gradient Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Displaying Text with Opacity==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> <br />
<svg width="100%" height="100%"> <br />
<g transform="translate(50,100)"><br />
<text id="horizontalText" x="0" y="0" <br />
fill="red" <br />
font-size="48"><br />
Opacity 1<br />
</text><br />
<br />
<text id="horizontalText" x="0" y="100" <br />
fill="red" <br />
font-size="48"<br />
opacity=".6"><br />
Opacity .6<br />
</text><br />
<br />
<text id="horizontalText" x="0" y="200" <br />
fill="red" <br />
font-size="48"<br />
opacity=".2"><br />
Opacity .2<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Rendering a Text String==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"><br />
<svg width="100%" height="100%"><br />
<g transform="translate(100,100)"><br />
<text id="horizontalText" x="0" y="0" fill="red"<br />
font-size="18"><br />
Sample Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Rendering a Text String with Colored Borders==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"><br />
<svg width="100%" height="100%"><br />
<g transform="translate(100,150)"><br />
<text id="horizontalText" x="0" y="0" fill="red" stroke="blue"<br />
stroke-width="4" font-size="96"><br />
Sample Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Rendering Shadowed Text==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"><br />
<svg width="100%" height="100%"><br />
<g transform="translate(50,150)"><br />
<text id="horizontalText" x="8" y="8" fill="black"<br />
stroke="black" stroke-width="4" font-size="72"><br />
Shadow Text<br />
</text><br />
<text id="horizontalText" x="0" y="0" fill="red" stroke="black"<br />
stroke-width="4" font-size="72"><br />
Shadow Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Rotating a Text String Counterclockwise==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> <br />
<svg width="100%" height="100%"> <br />
<g transform="translate(100,300)"><br />
<text id="simpleText" x="0" y="0" <br />
transform="rotate(-90)"<br />
fill="red" <br />
font-size="18"><br />
Counter clockwise Rotated Text<br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Text Following a Specified Path==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" encoding="iso-8859-1"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" <br />
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"><br />
<svg width="100%" height="100%"><br />
<defs><br />
<path id="pathDefinition" d="m0,0 Q100,0 200,200 T300,200 z" /><br />
</defs><br />
<g transform="translate(100,100)"><br />
<text id="textStyle" fill="red" stroke="blue" stroke-width="2"<br />
font-size="24"><br />
<textPath xlink:href="#pathDefinition"><br />
A Quadratic Bezier curve<br />
</textPath><br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Using Text Decoration with Text Strings==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" standalone="no"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" <br />
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><br />
<svg width="100%" height="100%" <br />
xmlns="http://www.w3.org/2000/svg"><br />
<g transform="translate(50,50)" font-size="48" <br />
fill="red" stroke="blue" <br />
stroke-width="2"><br />
<text x="0" y="50">Regular Text</text><br />
<text x="0" y="150" <br />
text-decoration="line-through">Deleted Text</text><br />
<text x="0" y="250" <br />
text-decoration="underline">Underlined Text</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Using the SVG tspan Element with Text Strings==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<?xml version="1.0" standalone="no"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" <br />
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><br />
<svg width="100%" height="100%" <br />
xmlns="http://www.w3.org/2000/svg"><br />
<g transform="translate(10,10)"> <br />
<text x="0" y="50" fill="red" font-size="36"><br />
One simple line of <br />
<tspan font-weight="bold"<br />
fill="blue">simple</tspan><br />
text<br />
</text><br />
<text x="0" y="200" fill="red" font-size="36"><br />
Another simple line of <br />
<tspan dx="0" dy="-50" <br />
font-weight="bold" <br />
fill="green"><br />
simple<br />
</tspan><br />
<tspan dy="100"><br />
text<br />
</tspan><br />
</text><br />
</g><br />
</svg><br />
</source><br />
<br />
<br />
<br />
<br />
==Vertical text==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="xml"><br />
<br />
<svg><br />
<g style="font-size: 10pt;"><br />
<text x="100" y="20" style="writing-mode: tb;"> Sideways vertical</text><br />
<text x="200" y="20" style="writing-mode: tb; glyph-orientation-vertical: 0;">Upright vertical</text><br />
<text x="275" y="30" >Upright horizontal</text><br />
<text x="275" y="100" style="writing-mode: lr; glyph-orientation-horizontal: 270">Sideways horizontal</text><br />
</g><br />
</svg><br />
</source></div>