Update stacked event dispatch image (re-create as SVG).
authorGary Kacmarcik <garykac@google.com>
Fri, 23 May 2014 07:45:46 -0700
changeset 641 b1e8b052491a
parent 640 a10c8f662151
child 642 0601f18fe5c1
Update stacked event dispatch image (re-create as SVG).
html/DOM3-Events.html
html/images/stacked-event-mouse-dispatch.png
html/images/stacked-event-mouse-dispatch.svg
--- a/html/DOM3-Events.html	Wed May 21 20:23:09 2014 -0700
+++ b/html/DOM3-Events.html	Fri May 23 07:45:46 2014 -0700
@@ -3133,7 +3133,7 @@
 						</p>
 
 					<figure id="figure-mouse-event-stacked-elements">
-						<img src='images/stacked-event-mouse-dispatch.png' width="382" height="211" />
+						<img src='images/stacked-event-mouse-dispatch.svg' width="403" height="217" />
 						<figcaption>Graphical representation of three stacked elements all on top of each other, with the pointing device moving over the stack.</figcaption>
 					</figure>
 
Binary file html/images/stacked-event-mouse-dispatch.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/html/images/stacked-event-mouse-dispatch.svg	Fri May 23 07:45:46 2014 -0700
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="450"
+   height="250"
+   id="svg3055"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="stacked-event-mouse-dispatch.svg">
+  <defs
+     id="defs3057">
+    <marker
+       inkscape:stockid="Arrow1Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Mend"
+       style="overflow:visible">
+      <path
+         id="path3868"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-0.4,0,0,-0.4,-4,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Send"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Send"
+       style="overflow:visible">
+      <path
+         id="path3874"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Sstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Sstart"
+       style="overflow:visible">
+      <path
+         id="path3871"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.2,0,0,0.2,1.2,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lstart"
+       style="overflow:visible">
+      <path
+         id="path3859"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow1Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lend"
+       style="overflow:visible">
+      <path
+         id="path3862"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.4241037"
+     inkscape:cx="249.79924"
+     inkscape:cy="93.563482"
+     inkscape:document-units="px"
+     inkscape:current-layer="g6687"
+     showgrid="true"
+     inkscape:snap-grids="false"
+     inkscape:window-width="1307"
+     inkscape:window-height="769"
+     inkscape:window-x="39"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid5852"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata3060">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-802.36215)">
+    <g
+       id="g6687"
+       transform="translate(-137.85701,285.22141)">
+      <rect
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)"
+         y="624.36774"
+         x="161.86768"
+         height="142.3958"
+         width="293.22079"
+         id="rect3074"
+         style="fill:#ed1c24;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
+      <rect
+         style="fill:#ff7f27;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+         id="rect3844"
+         width="293.22079"
+         height="142.3958"
+         x="193.17656"
+         y="607.86884"
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)" />
+      <rect
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)"
+         y="591.36993"
+         x="224.48544"
+         height="142.3958"
+         width="293.22079"
+         id="rect3846"
+         style="fill:#ffc90e;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="rect3848"
+         d="m 474.36088,766.92516 -312.4932,-0.16163"
+         style="fill:none;stroke:#000000;stroke-width:3.00159025;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:url(#Arrow1Sstart);marker-end:none"
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)" />
+      <path
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)"
+         inkscape:transform-center-y="-72.537078"
+         inkscape:transform-center-x="4.2658296"
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="rect3851"
+         d="M 161.86768,766.76353 161.56451,608.83611"
+         style="fill:none;stroke:#000000;stroke-width:3.00159025;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-end:url(#Arrow1Send)" />
+      <path
+         transform="matrix(0.9935932,-0.11301575,0.06717403,0.99774127,0,0)"
+         style="fill:none;stroke:#000000;stroke-width:3.00159025;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-end:url(#Arrow1Send)"
+         d="M 161.86768,766.76353 280.67401,703.52016"
+         id="path3854"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.2658296"
+         inkscape:transform-center-y="-72.537078" />
+      <g
+         transform="translate(62.521417,173.44651)"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Verdana;-inkscape-font-specification:Verdana"
+         id="flowRoot5792">
+        <path
+           d="m 459.16797,552.50235 -1.38867,0 -1.85743,-2.51367 -1.86914,2.51367 -1.2832,0 2.55469,-3.26367 -2.53125,-3.28125 1.38867,0 1.8457,2.47265 1.85157,-2.47265 1.28906,0 -2.57227,3.22265 2.57227,3.32227"
+           style="font-family:Verdana;-inkscape-font-specification:Verdana"
+           id="path3826" />
+      </g>
+      <g
+         transform="translate(-134.95825,134.05425)"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Verdana;-inkscape-font-specification:Verdana"
+         id="flowRoot5792-7">
+        <path
+           d="m 458.64648,552.50235 -5.28515,0 0,-0.81446 3.81445,-4.81054 -3.73242,0 0,-0.91992 5.10351,0 0,0.78515 -3.83203,4.82813 3.93164,0 0,0.93164"
+           style="font-family:Verdana;-inkscape-font-specification:Verdana"
+           id="path3823" />
+      </g>
+      <g
+         transform="translate(-264.03472,53.717591)"
+         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Verdana;-inkscape-font-specification:Verdana"
+         id="flowRoot5792-1">
+        <path
+           d="m 459.16211,545.95743 -3.82031,8.95898 -1.17774,0 1.21875,-2.73047 -2.60742,-6.22851 1.19531,0 2.00977,4.85156 2.02734,-4.85156 1.1543,0"
+           style="font-family:Verdana;-inkscape-font-specification:Verdana"
+           id="path3820" />
+      </g>
+      <text
+         sodipodi:linespacing="125%"
+         id="text5840"
+         y="723.95667"
+         x="225.5477"
+         style="font-size:12px;font-style:normal;font-weight:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+         xml:space="preserve"><tspan
+           style="font-size:24px;font-weight:bold;-inkscape-font-specification:Verdana Bold;font-family:Verdana;font-style:normal;font-stretch:normal;font-variant:normal"
+           y="723.95667"
+           x="225.5477"
+           id="tspan5842"
+           sodipodi:role="line">A</tspan></text>
+      <text
+         xml:space="preserve"
+         style="font-size:12px;font-style:normal;font-weight:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+         x="255.5477"
+         y="703.95667"
+         id="text5844"
+         sodipodi:linespacing="125%"><tspan
+           sodipodi:role="line"
+           id="tspan5846"
+           x="255.5477"
+           y="703.95667"
+           style="font-size:24px;font-weight:bold;-inkscape-font-specification:Verdana Bold;font-family:Verdana;font-style:normal;font-stretch:normal;font-variant:normal">B</tspan></text>
+      <text
+         sodipodi:linespacing="125%"
+         id="text5848"
+         y="683.95667"
+         x="285.5477"
+         style="font-size:12px;font-style:normal;font-weight:bold;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Verdana;-inkscape-font-specification:Verdana Bold;font-stretch:normal;font-variant:normal"
+         xml:space="preserve"><tspan
+           style="font-size:24px;font-weight:bold;-inkscape-font-specification:Verdana Bold;font-family:Verdana;font-style:normal;font-stretch:normal;font-variant:normal"
+           y="683.95667"
+           x="285.5477"
+           id="tspan5850"
+           sodipodi:role="line">C</tspan></text>
+      <path
+         inkscape:connector-curvature="0"
+         id="path6301"
+         d="m 320.53771,606.00922 0,28 2,0 0,-2 2,0 0,-2 2,0 0,-2 2,0 0,2 2,0 0,4 2,0 0,4 4,0 0,-4 -2,0 0,-4 -2,0 0,-4 8,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 z"
+         style="fill:#000000;fill-opacity:1;stroke:none" />
+      <path
+         style="fill:#808080;fill-opacity:1;stroke:none"
+         d="m 162.55349,691.72408 0,28 2,0 0,-2 2,0 0,-2 2,0 0,-2 2,0 0,2 2,0 0,4 2,0 0,4 4,0 0,-4 -2,0 0,-4 -2,0 0,-4 8,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 -2,0 0,-2 z"
+         id="path6303"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path6305"
+         d="m 164.90553,688.69292 c 29.2439,-38.65571 82.12691,-77.34202 152.40746,-83.72862"
+         style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:2, 4;stroke-dashoffset:0;marker-end:url(#Arrow1Mend)" />
+    </g>
+  </g>
+</svg>