Add new figures and update some old ones for pservers chapter.
authortbah <tavmjong@free.fr>
Mon, 14 Nov 2011 15:20:05 +0100
changeset 9 3ee3d1325ca1
parent 8 6d2a0cc61c04
child 10 5c6f60699bab
Add new figures and update some old ones for pservers chapter.
master/images/pservers/gradient_vector_and_normal.png
master/images/pservers/gradient_vector_and_normal.svg
master/images/pservers/gradient_vector_and_normal_alt.png
master/images/pservers/gradient_vector_and_normal_alt.svg
master/images/pservers/lingrad01.png
master/images/pservers/lingrad01.svg
master/images/pservers/mesh_gradient_patch.png
master/images/pservers/mesh_gradient_patch.svg
master/images/pservers/pattern01.png
master/images/pservers/pattern01.svg
master/images/pservers/pservers_example.png
master/images/pservers/pservers_example.svg
master/images/pservers/radgrad01.png
master/images/pservers/radgrad01.svg
master/images/pservers/radial_gradient_dimensions.png
master/images/pservers/radial_gradient_dimensions.svg
master/images/pservers/radial_gradient_focus.png
master/images/pservers/radial_gradient_focus.svg
master/images/pservers/spread_method.png
master/images/pservers/spread_method.svg
Binary file master/images/pservers/gradient_vector_and_normal.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/gradient_vector_and_normal.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.1"
+   width="600"
+   height="300">
+  <defs>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="Arrow2Mend"
+       style="overflow:visible">
+      <path
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)"
+         id="path3845"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" />
+    </marker>
+    <linearGradient
+       id="gradientVector">
+      <stop
+         style="stop-color:#a080ff"
+         offset="0" />
+      <stop
+         style="stop-color:#f5d5bd"
+         offset="0.4" />
+      <stop
+         style="stop-color:#b2efdc"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="50"
+       y1="150"
+       x2="250"
+       y2="150"
+       id="linearGradient"
+       xlink:href="#gradientVector"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       cx="450"
+       cy="150"
+       r="80"
+       fx="450"
+       fy="150"
+       id="radialGradient"
+       xlink:href="#gradientVector"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.25,0,0,1.25,-112.5,-40)" />
+  </defs>
+  <rect
+     width="200"
+     height="200"
+     x="50"
+     y="50"
+     style="fill:url(#linearGradient)" />
+  <path
+     d="m 130,150 c 0,66.66667 0,53.33333 0,120"
+     id="path6089"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <text
+     x="170"
+     y="200"
+     id="text6091"
+     xml:space="preserve"
+     style="font-size:20px;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L;-inkscape-font-specification:Nimbus Roman No9 L"><tspan
+       x="170"
+       y="200"
+       id="tspan6093">Normal</tspan></text>
+  <text
+     x="190"
+     y="140"
+     id="text6095"
+     xml:space="preserve"
+     style="font-size:20px;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L;-inkscape-font-specification:Nimbus Roman No9 L"><tspan
+       x="190"
+       y="140"
+       id="tspan6097">Vector</tspan></text>
+  <path
+     d="m 50,150 220,0"
+     id="path7115"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <path
+     d="m 104,250 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(-50,-100)"
+     id="path6103"
+     style="fill:#a282fd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,80 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(30,70)"
+     id="path6101"
+     style="fill:#f5d5bd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,50 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(150,100)"
+     id="path6099"
+     style="fill:#b2efdc;stroke:#000000;stroke-width:2" />
+  <rect
+     width="200"
+     height="200"
+     x="350"
+     y="50"
+     id="rect7325"
+     style="fill:url(#radialGradient)" />
+  <text
+     x="520"
+     y="140"
+     id="text7333"
+     xml:space="preserve"
+     style="font-size:20px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L"><tspan
+       x="520"
+       y="140"
+       id="tspan7335">Vector</tspan></text>
+  <path
+     d="m 450,150 120,0"
+     id="path7337"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <path
+     d="m 104,250 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(350,-100)"
+     id="path7339"
+     style="fill:#a282fd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,50 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(450,100)"
+     id="path7343"
+     style="fill:#b2efdc;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 490,150 c 0,66.66667 0,53.33333 0,120"
+     id="path4886"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <path
+     d="m 104,80 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(390,70)"
+     id="path7341"
+     style="fill:#f5d5bd;stroke:#000000;stroke-width:2" />
+  <text
+     x="450"
+     y="200"
+     id="text4888"
+     xml:space="preserve"
+     style="font-size:20px;text-anchor:middle;font-family:Nimbus Roman No9 L"><tspan
+       x="450"
+       y="200"
+       id="tspan4890">Normal</tspan></text>
+</svg>
Binary file master/images/pservers/gradient_vector_and_normal_alt.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/gradient_vector_and_normal_alt.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.1"
+   width="600"
+   height="300">
+  <defs>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="Arrow2Mend"
+       style="overflow:visible">
+      <path
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)"
+         id="path3845"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" />
+    </marker>
+    <linearGradient
+       id="gradientVector">
+      <stop
+         style="stop-color:#a080ff"
+         offset="0" />
+      <stop
+         style="stop-color:#f5d5bd"
+         offset="0.4" />
+      <stop
+         style="stop-color:#b2efdc"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="50"
+       y1="150"
+       x2="250"
+       y2="150"
+       id="linearGradient"
+       xlink:href="#gradientVector"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       cx="450"
+       cy="150"
+       r="80"
+       fx="450"
+       fy="150"
+       id="radialGradient"
+       xlink:href="#gradientVector"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.25,0,0,1.25,-112.5,-40)" />
+  </defs>
+  <rect
+     width="200"
+     height="200"
+     x="50"
+     y="50"
+     style="fill:url(#linearGradient)" />
+  <path
+     d="m 130,150 c 0,66.66667 0,53.33333 0,120"
+     id="path6089"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <text
+     x="170"
+     y="200"
+     id="text6091"
+     xml:space="preserve"
+     style="font-size:20px;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L;-inkscape-font-specification:Nimbus Roman No9 L"><tspan
+       x="170"
+       y="200"
+       id="tspan6093">Normal</tspan></text>
+  <text
+     x="190"
+     y="140"
+     id="text6095"
+     xml:space="preserve"
+     style="font-size:20px;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L;-inkscape-font-specification:Nimbus Roman No9 L"><tspan
+       x="190"
+       y="140"
+       id="tspan6097">Vector</tspan></text>
+  <path
+     d="m 50,150 220,0"
+     id="path7115"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <path
+     d="m 104,250 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(-50,-100)"
+     id="path6103"
+     style="fill:#a282fd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,80 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(30,70)"
+     id="path6101"
+     style="fill:#f5d5bd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,50 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(150,100)"
+     id="path6099"
+     style="fill:#b2efdc;stroke:#000000;stroke-width:2" />
+  <rect
+     width="200"
+     height="200"
+     x="350"
+     y="50"
+     id="rect7325"
+     style="fill:url(#radialGradient)" />
+  <text
+     x="520"
+     y="140"
+     id="text7333"
+     xml:space="preserve"
+     style="font-size:20px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L"><tspan
+       x="520"
+       y="140"
+       id="tspan7335">Vector</tspan></text>
+  <path
+     d="m 450,150 120,0"
+     id="path7337"
+     style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+  <path
+     d="m 104,250 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(350,-100)"
+     id="path7339"
+     style="fill:#a282fd;stroke:#000000;stroke-width:2" />
+  <path
+     d="m 104,50 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(450,100)"
+     id="path7343"
+     style="fill:#b2efdc;stroke:#000000;stroke-width:2" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:2"
+     id="path8298"
+     d="m 490,150 a 40,40 0 1 1 -80,0 40,40 0 1 1 80,0 z" />
+  <path
+     d="m 104,80 a 4,4 0 1 1 -8,0 4,4 0 1 1 8,0 z"
+     transform="translate(390,70)"
+     id="path7341"
+     style="fill:#f5d5bd;stroke:#000000;stroke-width:2" />
+  <text
+     x="400"
+     y="110"
+     id="text4888"
+     xml:space="preserve"
+     style="font-size:20px;text-anchor:middle;font-family:Nimbus Roman No9 L"><tspan
+       x="400"
+       y="110"
+       id="tspan4890">Normal</tspan></text>
+</svg>
Binary file master/images/pservers/lingrad01.png has changed
--- a/master/images/pservers/lingrad01.svg	Mon Nov 14 13:18:36 2011 +0100
+++ b/master/images/pservers/lingrad01.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -1,25 +1,22 @@
 <?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="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
-     xmlns="http://www.w3.org/2000/svg">
-  <desc>Example lingrad01 - fill a rectangle using a 
-           linear gradient paint server</desc>
-  <g>
-    <defs>
-      <linearGradient id="MyGradient">
-        <stop offset="5%" stop-color="#F60" />
-        <stop offset="95%" stop-color="#FF6" />
-      </linearGradient>
-    </defs>
+<svg xmlns="http://www.w3.org/2000/svg"
+     version="1.1"
+     viewBox="0 0 300 200" >
 
-    <!-- Outline the drawing area in blue -->
-    <rect fill="none" stroke="blue" 
-          x="1" y="1" width="798" height="398"/>
+  <title>Example lingrag01</title>
+  <desc>Fill a rectangle using a linear-gradient paint server.</desc>
 
-    <!-- The rectangle is filled using a linear gradient paint server -->
-    <rect fill="url(#MyGradient)" stroke="black" stroke-width="5"  
-          x="100" y="100" width="600" height="200"/>
-  </g>
+  <defs>
+    <linearGradient id="MyGradient">
+      <stop offset="5%" stop-color="#A8F" />
+      <stop offset="95%" stop-color="#FDC" />
+    </linearGradient>
+  </defs>
+
+  <!-- The rectangle is filled using a linear-gradient paint server -->
+  <rect fill="url(#MyGradient)"
+	stroke="black"
+	stroke-width="2"
+	x="25" y="25" width="250" height="150"/>
 </svg>
 
Binary file master/images/pservers/mesh_gradient_patch.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/mesh_gradient_patch.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="300"
+   height="300"
+   version="1.1">
+  <defs
+     id="defs4">
+    <meshGradient
+       id="meshGradient"
+       x="50"
+       y="50"
+       gradientUnits="userSpaceOnUse">
+      <meshRow>
+        <meshPatch>
+          <stop
+             path="c 50,-50  150,50  200,0"
+             stop-color="#a080ff" />
+          <stop
+             path="c 50,50  -50,150  0,200"
+             stop-color="#4909ff" />
+          <stop
+             path="c -50,50  -150,-50  -200,0"
+             stop-color="#97ffed" />
+          <stop
+             path="c -50,-50  50,-150  0,-200"
+             stop-color="#dfac32" />
+        </meshPatch>
+      </meshRow>
+    </meshGradient>
+  </defs>
+  <rect
+     style="fill:url(#meshGradient)"
+     width="300"
+     height="300"
+     x="0"
+     y="0" />
+</svg>
Binary file master/images/pservers/pattern01.png has changed
--- a/master/images/pservers/pattern01.svg	Mon Nov 14 13:18:36 2011 +0100
+++ b/master/images/pservers/pattern01.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -1,24 +1,27 @@
 <?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="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
-     xmlns="http://www.w3.org/2000/svg">
+<svg xmlns="http://www.w3.org/2000/svg"
+     version="1.1"
+     viewBox="0 0 300 200" >
+
+  <title>Example pattern01</title>
+  <desc>Fill an ellipse using a pattern paint server.</desc>
+
   <defs>
-    <pattern id="TrianglePattern" patternUnits="userSpaceOnUse"
-             x="0" y="0" width="100" height="100"
+    <pattern id="TrianglePattern"
+	     patternUnits="userSpaceOnUse"
+             x="0" y="0" width="50" height="50"
              viewBox="0 0 10 10" >
-      <path d="M 0 0 L 7 0 L 3.5 7 z" fill="red" stroke="blue" />
+      <path d="M 0 0 L 7 0 L 3.5 7 z"
+	    fill="plum"
+	    stroke="blue" />
     </pattern> 
   </defs>
 
-  <!-- Outline the drawing area in blue -->
-  <rect fill="none" stroke="blue" 
-        x="1" y="1" width="798" height="398"/>
-
-  <!-- The ellipse is filled using a triangle pattern paint server
-       and stroked with black -->
-  <ellipse fill="url(#TrianglePattern)" stroke="black" stroke-width="5"  
-           cx="400" cy="200" rx="350" ry="150" />
+  <!-- The ellipse is filled using a triangle pattern paint server -->
+  <ellipse fill="url(#TrianglePattern)"
+	   stroke="black"
+	   stroke-width="2"
+           cx="150" cy="100" rx="125" ry="75" />
 </svg>
 
 
Binary file master/images/pservers/pservers_example.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/pservers_example.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="600"
+   height="200">
+  <defs>
+    <!--
+    <solidColor
+	id="MyLightPurple"
+	solid-color="#a080ff" />
+    -->
+    <linearGradient
+       id="linearGradient"
+       x1="225"
+       y1="100"
+       x2="375"
+       y2="100"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         style="stop-color:#a080ff;stop-opacity:1;"
+         offset="0" />
+      <stop
+         style="stop-color:#a080ff;stop-opacity:0;"
+         offset="1" />
+    </linearGradient>
+    <pattern
+       id="pattern"
+       patternUnits="userSpaceOnUse"
+       patternTransform="translate(20,10)" 
+       width="30"
+       height="30">
+      <path
+	 d="M 30,15 A 15,15 0 1 1 0,15 15,15 0 1 1 30,15 z"
+	 fill="#a080ff" />
+    </pattern>
+  </defs>
+  <!-- url(#MyLightPurple) -->
+  <rect
+     fill="#a080ff"
+     stroke="black"
+     stroke-width="2"
+     x="25"
+     y="25"
+     width="150"
+     height="150" />
+  <rect
+     fill="url(#linearGradient)"
+     stroke="black"
+     stroke-width="2"
+     x="225"
+     y="25"
+     height="150"
+     width="150" />
+  <rect
+     fill="url(#pattern)"
+     stroke="black"
+     stroke-width="2"
+     x="425"
+     y="25"
+     width="150"
+     height="150" />
+</svg>
Binary file master/images/pservers/radgrad01.png has changed
--- a/master/images/pservers/radgrad01.svg	Mon Nov 14 13:18:36 2011 +0100
+++ b/master/images/pservers/radgrad01.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -1,27 +1,25 @@
 <?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="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
-     xmlns="http://www.w3.org/2000/svg">
-  <desc>Example radgrad01 - fill a rectangle by referencing a 
-           radial gradient paint server</desc>
-  <g>
-    <defs>
-      <radialGradient id="MyGradient" gradientUnits="userSpaceOnUse"
-                      cx="400" cy="200" r="300" fx="400" fy="200">
-        <stop offset="0%" stop-color="red" />
-        <stop offset="50%" stop-color="blue" />
-        <stop offset="100%" stop-color="red" />
-      </radialGradient>
-    </defs>
+<svg xmlns="http://www.w3.org/2000/svg"
+     version="1.1"
+     viewBox="0 0 300 200" >
+  <title>Example radgrad01</title>
+  <desc>Fill a rectangle by referencing a radial gradient paint server.</desc>
 
-    <!-- Outline the drawing area in blue -->
-    <rect fill="none" stroke="blue" 
-          x="1" y="1" width="798" height="398"/>
+  <defs>
+    <radialGradient id="MyGradient"
+		    gradientUnits="userSpaceOnUse"
+		    cx="150" cy="100"
+		    r="100">
+      <stop offset="0%"   stop-color="#A8F" />
+      <stop offset="50%"  stop-color="#FDC" />
+      <stop offset="100%" stop-color="#A8F" />
+    </radialGradient>
+  </defs>
 
-    <!-- The rectangle is filled using a radial gradient paint server -->
-    <rect fill="url(#MyGradient)" stroke="black" stroke-width="5"  
-          x="100" y="100" width="600" height="200"/>
-  </g>
+  <!-- The rectangle is filled using a radial gradient paint server -->
+  <rect fill="url(#MyGradient)"
+	stroke="black"
+	stroke-width="2"
+	x="25" y="25" width="250" height="150"/>
 </svg>
 
Binary file master/images/pservers/radial_gradient_dimensions.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/radial_gradient_dimensions.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.1"
+   width="600"
+   height="400">
+  <defs>>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="Arrow2Mend"
+       style="overflow:visible">
+      <path
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)"
+         id="path3812"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" />
+    </marker>
+    <linearGradient
+       id="linearGradient8358">
+      <stop
+         style="stop-color:#ffffff"
+         offset="0" />
+      <stop
+         style="stop-color:#ffffff"
+         offset="0.5" />
+      <stop
+         style="stop-color:#aa88ff"
+         offset="0.5" />
+      <stop
+         style="stop-color:#ffddcc"
+         offset="0.8" />
+      <stop
+         style="stop-color:#aa88ff"
+         offset="1" />
+    </linearGradient>
+    <radialGradient
+       cx="300"
+       cy="200"
+       r="150"
+       fx="400"
+       fy="200"
+       id="radialGradient"
+       xlink:href="#linearGradient8358"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     id="layer1">
+    <rect
+       width="300"
+       height="300"
+       x="150"
+       y="50"
+       id="GradientRect"
+       style="fill:url(#radialGradient);stroke:#000000;stroke-width:2" />
+    <path
+       d="m 425,200 a 75,75 0 1 1 -150,0 75,75 0 1 1 150,0 z"
+       id="Focus-Circle"
+       style="fill:none;stroke:#000000;stroke-width:2" />
+    <path
+       d="m 450,200 a 150,150 0 1 1 -300,0 150,150 0 1 1 300,0 z"
+       id="Outer-Circle"
+       style="fill:none;stroke:#000000;stroke-width:2" />
+    <path
+       d="m 305,200 a 5,5 0 1 1 -10,0 5,5 0 1 1 10,0 z"
+       id="Center"
+       style="fill:none;stroke:#000000;stroke-width:2" />
+    <path
+       d="m 345,195 10,10"
+       id="X1"
+       style="fill:none;stroke:#000000;stroke-width:2" />
+    <path
+       d="m 355,195 -10,10"
+       id="X2"
+       style="fill:none;stroke:#000000;stroke-width:2" />
+    <path
+       d="m 350,200 33.63081,-63"
+       id="Arrow-fr"
+       style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+    <path
+       d="M 300,200 403.47278,303.40637"
+       id="Arrow-r"
+       style="fill:none;stroke:#000000;stroke-width:2;marker-end:url(#Arrow2Mend)" />
+    <text
+       x="330"
+       y="260"
+       id="text_r"
+       xml:space="preserve"
+       style="font-size:20px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L"><tspan
+         x="330"
+         y="260"
+         id="tspan4462">'r'</tspan></text>
+    <text
+       x="385"
+       y="175"
+       id="text_fr"
+       xml:space="preserve"
+       style="font-size:20px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L"><tspan
+         x="385"
+         y="175"
+         id="tspan4466">'fr'</tspan></text>
+    <path
+       d="M 350,125 301.46082,52.664011"
+       id="Vector-Arrow2"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-dasharray:3, 1;marker-end:url(#Arrow2Mend)" />
+    <text
+       x="280"
+       y="105"
+       id="text_Vectors"
+       xml:space="preserve"
+       style="font-size:20px;text-anchor:middle;fill:#000000;font-family:Nimbus Roman No9 L"><tspan
+         x="280"
+         y="105"
+         id="tspan4480">Vectors</tspan></text>
+    <path
+       d="M 296.66401,146.66401 196.85923,95.398406"
+       id="Vector-Arrow1"
+       style="fill:none;stroke:#000000;stroke-width:2;stroke-dasharray:3, 1;marker-end:url(#Arrow2Mend)" />
+  </g>
+</svg>
Binary file master/images/pservers/radial_gradient_focus.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/radial_gradient_focus.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,43 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     version="1.1"
+     viewBox="0 0 600 300" >
+  <title>Radial gradient with focus to the right of the center.</title>
+  <desc>Demmonstrates a radial gradients with the focus placed to the right of the center.. </desc>
+
+  <defs>
+    <radialGradient id="MyGradient1"
+		    gradientUnits="userSpaceOnUse"
+		    spreadMethod="repeat"
+		    cx="150" cy="150"
+		    fx="225" fy="150"
+		    r="100">
+      <stop offset="0%"   stop-color="#A8F" />
+      <stop offset="50%"  stop-color="#FDC" />
+      <stop offset="100%" stop-color="#A8F" />
+    </radialGradient>
+    <radialGradient id="MyGradient2"
+		    gradientUnits="userSpaceOnUse"
+		    spreadMethod="repeat"
+		    cx="450" cy="150"
+		    fx="550" fy="150"
+		    r="100">
+      <stop offset="0%"   stop-color="#A8F" />
+      <stop offset="50%"  stop-color="#FDC" />
+      <stop offset="100%" stop-color="#A8F" />
+    </radialGradient>
+  </defs>
+
+  <!-- The rectangle is filled using a radial gradient paint server -->
+  <rect fill="url(#MyGradient1)"
+	stroke="black"
+	stroke-width="2"
+	x="25" y="25" width="250" height="250"/>
+  <rect fill="url(#MyGradient2)"
+	stroke="black"
+	stroke-width="2"
+	x="325" y="25" width="250" height="250"/>
+  <!-- This rectangle simulates the correct behavior for focus on circumference. -->
+  <rect fill="#D5B3E6"
+	x="550" y="26" width="24" height="248"/>
+</svg>
Binary file master/images/pservers/spread_method.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/master/images/pservers/spread_method.svg	Mon Nov 14 15:20:05 2011 +0100
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="600"
+   height="200">
+  <defs>
+    <!--
+    <solidColor
+	id="MyLightPurple"
+	solid-color="#a080ff" />
+    -->
+    <linearGradient
+       id="linearGradient1"
+       x1="40%"
+       y1="50%"
+       x2="60%"
+       y2="50%">
+      <stop
+         style="stop-color:#a080ff"
+         offset="0" />
+      <stop
+         style="stop-color:#f5d5bd"
+         offset="0.4" />
+      <stop
+         style="stop-color:#b2efdc"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2"
+       spreadMethod="reflect"
+       xlink:href="#linearGradient1"/>
+    <linearGradient
+       id="linearGradient3"
+       spreadMethod="repeat"
+       xlink:href="#linearGradient1"/>
+  </defs>
+  <rect
+     fill="url(#linearGradient1)"
+     stroke="black"
+     stroke-width="2"
+     x="25"
+     y="25"
+     width="150"
+     height="150" />
+  <rect
+     fill="url(#linearGradient2)"
+     stroke="black"
+     stroke-width="2"
+     x="225"
+     y="25"
+     height="150"
+     width="150" />
+  <rect
+     fill="url(#linearGradient3)"
+     stroke="black"
+     stroke-width="2"
+     x="425"
+     y="25"
+     width="150"
+     height="150" />
+</svg>