Layout
http://cs.sru.edu/~ddailey/svg/randomB0.svg<g> <g transform="translate(0,900)"> <ellipse […] /> <replicate repeatCount="15" > <replicateAttribute attributeName="transform" values="translate(0,900);translate(0,-68)" /> </replicate> </g> <replicate repeatCount="15" > <replicateAttribute attributeName="transform" values="translate(1480,0);translate(0,0)" /> </replicate> </g> |
http://cs.sru.edu/~ddailey/svg/R1.svg |
[…] <svgr:replicate repeatCount="15" > <svgr:replicateAttribute attributeName="transform" values="translate(0,900) scale(1,1);translate(0,300) scale(.8,0)" /> </svgr:replicate> </g> |
http://cs.sru.edu/~ddailey/svg/R2.svg Correlating vertical scale with vertical position. |
<svgr:replicate repeatCount="15" > <svgr:replicateAttribute attributeName="transform" values="translate(-450, 0) skewX(-20);translate(750,0) skewX(30)" /> [...] <svgr:replicateAttribute attributeName="transform" values="translate(520, 840) scale(1.1,.8);translate(595,400) scale(.45,.1)" keySplines="0,0 .2,.7 1,1"/> |
http://cs.sru.edu/~ddailey/svg/R3.svg Perspective effect |
<ellipse cy="-200" ry="8" rx="9" stroke-opacity=".5" stroke-width="4" stroke="black" > <svgr:random attributeName="transform" min="translate(-240,-300)" max="translate(240,300)" distribution="normal"/> </ellipse> <path id = "curve" fill="none" stroke = "#501" stroke-width = "5" |
http://cs.sru.edu/~ddailey/svg/R4.svg Random normal departures from a curve |