SVG – Learning by Coding

[ color-profile.svg --> Grafik anzeigen ]

 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: <!--    AuthorDrThomas 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-familysans-serif;
28:         font-size12px;
29:       }
30: 
31:       /* color-profile als CSS-Eigenschaft: */
32: 
33:       @color-profile
34:       {
35:         namemycolor;
36:         srcsRGB;
37:         rendering-intentauto;
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:     HinweisBeispiel funktioniert mit ASV 6nicht 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]