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]