SVG – Learning by Coding
1:
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
2:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
3:
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
4:
<!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
5:
]>
6: 7:
<!-- SVG - Learning by Coding - http://www.datenverdrahten.de/svglbc/ -->
8:
<!-- Author: Dr. Thomas Meinike 07/04 - thomas@handmadecode.de -->
9: 10:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
11: 12:
<title>SVG - Learning by Coding</title>
13:
<desc>SVG-Spezifikation in Beispielen</desc>
14: 15:
<defs>
16: 17:
<!--
18:
color-profile als Element:
19:
<color-profile name="..." local="..." xlink:href="..." rendering-intent="..."/>
20:
-->
21: 22:
<style type="text/css">
23:
<![CDATA[
24: 25:
*
26:
{
27:
font-family: sans-serif;
28:
font-size: 12px;
29:
}
30: 31:
//* color-profile als CSS-Eigenschaft: */
32: 33:
@color-profile
34:
{
35:
name: mycolor;
36:
src: sRGB;
37:
rendering-intent: auto;
38: 39:
//*
40:
Werte fuer rendering-intent:
41:
auto | perceptual | relative-colorimetric |
42:
saturation | absolute-colorimetric
43:
*/
44:
}
45: 46:
]]>
47:
</style>
48: 49:
</defs>
50: 51:
<!-- "reine" Farbwerte yellow | red | green | blue | black -->
52: 53:
<text x="20" y="30" style="fill: #000; font-size: 24px">
54:
ICC-Farbprofile (color-profile)</text>
55:
<text x="40" y="80">Testfarben</text>
56:
<text x="40" y="120">+icc-color()</text>
57:
<text x="20" y="160">
58:
Hinweis: Beispiel funktioniert mit ASV 6, nicht mit ASV 3.0x</text>
59: 60:
<rect x="110" y="60" width="30" height="30"
61:
style="fill: yellow"/>
62: 63:
<rect x="150" y="60" width="30" height="30"
64:
style="fill: red"/>
65: 66:
<rect x="190" y="60" width="30" height="30"
67:
style="fill: green"/>
68: 69:
<rect x="230" y="60" width="30" height="30"
70:
style="fill: blue"/>
71: 72:
<rect x="270" y="60" width="30" height="30"
73:
style="fill: black"/>
74: 75:
<!-- mittels icc-color() "angepasste" sRGB-Farbwerte -->
76: 77:
<rect x="110" y="100" width="30" height="30"
78:
style="fill: yellow icc-color(mycolor, 0.8,0.9,0)"/>
79: 80:
<rect x="150" y="100" width="30" height="30"
81:
style="fill: red icc-color(mycolor, 0.5,0,0)"/>
82: 83:
<rect x="190" y="100" width="30" height="30"
84:
style="fill: green icc-color(mycolor, 0,0.5,0)"/>
85: 86:
<rect x="230" y="100" width="30" height="30"
87:
style="fill: blue icc-color(mycolor, 0,0,0.5)"/>
88: 89:
<rect x="270" y="100" width="30" height="30"
90:
style="fill: black icc-color(mycolor, 0.5,0.5,0.5)"/>
91: 92:
</svg>
[zum Anfang]
