HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
Eine SVG Steigung mu� innerhalb des Umbaus definiert werden.
|
SVG Gradients
|
Eine Steigung ist ein glatter �bergang von einer Farbe zu einer anderen Farbe. Zus�tzlich zu diesem k�nnen einige Farbe �berg�nge am gleichen Element angewendet werden. Es gibt haupts�chlich zwei Arten Steigungen in SVG:
- Linear Gradients
- Radial Gradients
|
Linear Gradients
|
Der Umbau wird benutzt, um SVG lineare Steigungen zu definieren.Der Umbau mu� innerhalb des Umbaus genistet werden. Der Umbau ist f�r Definition kurz und er erlaubt Definition der speziellen Elemente wie Steigungen.
Lineare Steigungen k�nnen als vertikale, horizontale oder eckige Steigungen definiert werden:
Vertikale Steigungen werden verursacht, wenn x1 und x2 gleich sind und y1 und y2 unterschieden werden.
Horizontale Steigungen werden verursacht, wenn y1 und y2 gleich sind und x1 und x2 unterschieden werden.
Eckige Steigungen werden verursacht, wenn x1 und x2 sich unterscheiden und y1 und y2 unterschieden werden.
|
Copy der folgende Code in Notizblock und au�er der Akte als �linear.svg�. Die Akte in dein Netzverzeichnis nur legen:
|
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="orange_red" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,255,0);
stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(255,0,0);
stop-opacity:1"/>
</linearGradient>
</defs>
<ellipse cx="200" cy="190" rx="85" ry="55"
style="fill:url(#orange_red)"/>
</svg>
|
|
Erkl�rung des Codes:
|
Das Kennzeichnung Attribut des Umbaus definiert einen einzigartigen Namen f�r die Steigungen
Die F�lle: URL (#orange_red), Eigenschaft verbindet das Ellipseelement mit den Steigungen
Die x1, x2, y1, Attribute y2 des Umbaus definieren das Beginnen und die Zielposition der Steigungen
Umbau spezifiziert. Das Offsetattribut wird verwendet, um zu definieren, wo die Steigungfarbe und das Ende anfangen
|
Lassen Sie uns ein anderes Beispiel nehmen:
|
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="orange_red" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(255,255,0);
stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(255,0,0);
stop-opacity:1"/>
</linearGradient>
</defs>
<ellipse cx="200" cy="190" rx="85" ry="55"
style="fill:url(#orange_red)"/>
</svg>
|
|
Keywords:
svg viewer, svg file, svg text, svg editor, adobe svg, svg distribution,
svg graphics, nbc radio svg, javascript svg, svg antivirus
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|