-
Notifications
You must be signed in to change notification settings - Fork 6
/
test.html
16 lines (16 loc) · 21.5 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<script src="../lib/rgbcolor.js"></script>
<script src="../lib/canvg.js"></script>
<script src="../svgenie.js"></script>
</head>
<body>
click anywhere to save this SVG as a PNG
<svg width="1280" height="800" id="mysvg"><circle r="12.08636073116213" style="fill: #1f77b4;" cx="791.7445066044385" cy="275.08385774662656"></circle><circle r="13.967623353935778" style="fill: #ff7f0e;" cx="799.6143430432729" cy="464.5439317479012"></circle><circle r="5.553056391887367" style="fill: #2ca02c;" cx="592.7367934664303" cy="293.1875561788679"></circle><circle r="10.385628530755639" style="fill: #1f77b4;" cx="654.8722175440156" cy="342.6041617806908"></circle><circle r="9.486399224959314" style="fill: #ff7f0e;" cx="579.1795355161727" cy="361.3656167936491"></circle><circle r="8.022362135350704" style="fill: #2ca02c;" cx="765.2515785512633" cy="389.1910384973114"></circle><circle r="13.775990407913923" style="fill: #1f77b4;" cx="778.2390673721778" cy="321.6602280016272"></circle><circle r="2.478299356997013" style="fill: #ff7f0e;" cx="705.7300023909768" cy="350.6842498924456"></circle><circle r="11.537723222747445" style="fill: #2ca02c;" cx="721.3870622221958" cy="476.3649200262562"></circle><circle r="11.618295113556087" style="fill: #1f77b4;" cx="744.4230543235064" cy="462.18897012632596"></circle><circle r="6.987856917083263" style="fill: #ff7f0e;" cx="818.1453176025269" cy="343.97931217701216"></circle><circle r="8.094292960129678" style="fill: #2ca02c;" cx="746.1478563606753" cy="420.76622890597787"></circle><circle r="8.849727774970233" style="fill: #1f77b4;" cx="719.1475889797427" cy="452.0511736876193"></circle><circle r="13.737715922296047" style="fill: #ff7f0e;" cx="751.5148769234871" cy="233.64077238221054"></circle><circle r="3.0541916880756617" style="fill: #2ca02c;" cx="642.0606449661448" cy="424.243637011756"></circle><circle r="5.320255926810205" style="fill: #1f77b4;" cx="780.0079814405669" cy="360.26332233276094"></circle><circle r="10.538495127111673" style="fill: #ff7f0e;" cx="672.8255125959806" cy="359.42720215766224"></circle><circle r="13.928074612282217" style="fill: #2ca02c;" cx="749.2599998099936" cy="334.4979391126808"></circle><circle r="13.573571098037064" style="fill: #1f77b4;" cx="846.0073328165505" cy="390.0675215618656"></circle><circle r="6.555541208945215" style="fill: #ff7f0e;" cx="692.399765166203" cy="324.1072781678318"></circle><circle r="9.185092738829553" style="fill: #2ca02c;" cx="763.3087024010861" cy="368.15211036014796"></circle><circle r="10.972116570919752" style="fill: #1f77b4;" cx="666.909743949485" cy="400.49067646132085"></circle><circle r="4.391427299007773" style="fill: #ff7f0e;" cx="717.3287289782252" cy="325.873306919297"></circle><circle r="10.065121895633638" style="fill: #2ca02c;" cx="627.6331728865533" cy="246.48881638341493"></circle><circle r="9.572057056240737" style="fill: #1f77b4;" cx="682.1139672762677" cy="381.4906802624301"></circle><circle r="2.6444654799997807" style="fill: #ff7f0e;" cx="692.0073425871298" cy="341.3075023291088"></circle><circle r="4.61219184845686" style="fill: #2ca02c;" cx="621.4469817195287" cy="383.73248241658894"></circle><circle r="3.9008462633937597" style="fill: #1f77b4;" cx="592.5667156034517" cy="372.2141365532688"></circle><circle r="8.373248545452952" style="fill: #ff7f0e;" cx="806.2323435472239" cy="439.0687045682757"></circle><circle r="5.446751410141587" style="fill: #2ca02c;" cx="604.3437469674013" cy="264.01010521284246"></circle><circle r="6.355987339280546" style="fill: #1f77b4;" cx="794.5920331404983" cy="391.18577106225683"></circle><circle r="9.575557461939752" style="fill: #ff7f0e;" cx="667.0048320943085" cy="233.68044052041287"></circle><circle r="2.383588726632297" style="fill: #2ca02c;" cx="720.3754715529708" cy="436.9362847382832"></circle><circle r="7.706581809557974" style="fill: #1f77b4;" cx="670.6993314317225" cy="283.4824476879015"></circle><circle r="12.632465700618923" style="fill: #ff7f0e;" cx="718.8586766199378" cy="504.39438389341626"></circle><circle r="10.49389089923352" style="fill: #2ca02c;" cx="642.6011950543805" cy="298.5815957618259"></circle><circle r="7.752853139303625" style="fill: #1f77b4;" cx="594.1411175459012" cy="417.03157564956405"></circle><circle r="9.403582436963916" style="fill: #ff7f0e;" cx="780.1055328154159" cy="404.58455011787066"></circle><circle r="7.784956890158355" style="fill: #2ca02c;" cx="705.5777717476494" cy="336.49857078656004"></circle><circle r="11.101182982325554" style="fill: #1f77b4;" cx="752.6790398876392" cy="508.00742685071305"></circle><circle r="7.014450633898377" style="fill: #ff7f0e;" cx="735.7014833408781" cy="441.32198965735887"></circle><circle r="7.248540936969221" style="fill: #2ca02c;" cx="621.0291824773959" cy="296.83545018410234"></circle><circle r="10.699130104854703" style="fill: #1f77b4;" cx="614.1478406717258" cy="476.69699177160305"></circle><circle r="3.7887683352455497" style="fill: #ff7f0e;" cx="586.2813569148793" cy="345.7158452674379"></circle><circle r="11.878808229230344" style="fill: #2ca02c;" cx="690.7114226388245" cy="224.44933665717127"></circle><circle r="11.224584059789777" style="fill: #1f77b4;" cx="785.769862614858" cy="494.6006107001647"></circle><circle r="10.62903040740639" style="fill: #ff7f0e;" cx="692.5214090197129" cy="511.48227290555036"></circle><circle r="9.095867983065546" style="fill: #2ca02c;" cx="589.6092501763471" cy="437.3525687407713"></circle><circle r="11.025960366241634" style="fill: #1f77b4;" cx="554.675062967893" cy="320.4961378345826"></circle><circle r="12.220875804312527" style="fill: #ff7f0e;" cx="554.873137618095" cy="353.0374212092597"></circle><circle r="2.993165286257863" style="fill: #2ca02c;" cx="687.4957394546474" cy="349.8380276172154"></circle><circle r="2.245072149671614" style="fill: #1f77b4;" cx="704.502347935212" cy="448.2666606864424"></circle><circle r="10.890870202332735" style="fill: #ff7f0e;" cx="669.0097639800871" cy="521.3942318576165"></circle><circle r="4.046063934452832" style="fill: #2ca02c;" cx="659.4469304071455" cy="417.82800109073924"></circle><circle r="7.229672429151833" style="fill: #1f77b4;" cx="786.6799603399562" cy="345.07929098357585"></circle><circle r="8.22606240119785" style="fill: #ff7f0e;" cx="743.5419516080556" cy="359.9104036085974"></circle><circle r="13.772940082475543" style="fill: #2ca02c;" cx="832.214088376352" cy="441.6110757342658"></circle><circle r="6.780553008429706" style="fill: #1f77b4;" cx="662.9605269065686" cy="323.29521850974544"></circle><circle r="5.334197803400457" style="fill: #ff7f0e;" cx="683.7970154997663" cy="310.78070469202254"></circle><circle r="12.739264111034572" style="fill: #2ca02c;" cx="536.0951477040678" cy="299.8603151696338"></circle><circle r="11.465915114618838" style="fill: #1f77b4;" cx="761.7069604742196" cy="483.04297170385104"></circle><circle r="8.38187657482922" style="fill: #ff7f0e;" cx="609.1337874092873" cy="281.171849692851"></circle><circle r="5.466455711051822" style="fill: #2ca02c;" cx="610.0367377178601" cy="410.46983263510066"></circle><circle r="10.223759558051825" style="fill: #1f77b4;" cx="831.2910056557143" cy="413.6297878276253"></circle><circle r="9.553751552477479" style="fill: #ff7f0e;" cx="650.8034193894565" cy="252.75920392374374"></circle><circle r="9.119282287545502" style="fill: #2ca02c;" cx="740.7405952028598" cy="284.276607657411"></circle><circle r="8.12533306144178" style="fill: #1f77b4;" cx="667.8509510416845" cy="303.02612683170935"></circle><circle r="7.55244814325124" style="fill: #ff7f0e;" cx="630.3057799935347" cy="461.50261884633727"></circle><circle r="6.6705306470394135" style="fill: #2ca02c;" cx="561.753492411682" cy="396.8309703056382"></circle><circle r="3.7038873191922903" style="fill: #1f77b4;" cx="736.0582677567124" cy="312.8048026400877"></circle><circle r="13.245897248387337" style="fill: #ff7f0e;" cx="839.242561129467" cy="332.0538964284137"></circle><circle r="13.732180465944111" style="fill: #2ca02c;" cx="715.4739411732172" cy="403.06091074532685"></circle><circle r="2.412278201431036" style="fill: #1f77b4;" cx="751.9455270812877" cy="378.76912312254467"></circle><circle r="8.679211298935115" style="fill: #ff7f0e;" cx="678.79611677916" cy="455.6413409349513"></circle><circle r="7.642676961608231" style="fill: #2ca02c;" cx="732.1446584085811" cy="249.97094363862374"></circle><circle r="7.328162535093725" style="fill: #1f77b4;" cx="739.8911457185214" cy="489.58067176309055"></circle><circle r="5.133463948965073" style="fill: #ff7f0e;" cx="598.9921078475342" cy="400.9684136990557"></circle><circle r="9.435943769291043" style="fill: #2ca02c;" cx="696.4663699735777" cy="363.51737893654547"></circle><circle r="9.60303174238652" style="fill: #1f77b4;" cx="756.124933421062" cy="439.8582081853873"></circle><circle r="9.77883674390614" style="fill: #ff7f0e;" cx="654.9769528305422" cy="434.9075869754374"></circle><circle r="10.895678592845798" style="fill: #2ca02c;" cx="602.8388683727669" cy="243.74153638954792"></circle><circle r="9.13966619875282" style="fill: #1f77b4;" cx="562.9299082816705" cy="377.04279682085104"></circle><circle r="6.7666943138465285" style="fill: #ff7f0e;" cx="685.1546979783993" cy="294.8218517043627"></circle><circle r="4.264638471417129" style="fill: #2ca02c;" cx="654.5220751719656" cy="363.71816549104943"></circle><circle r="6.740599169395864" style="fill: #1f77b4;" cx="702.0879983443017" cy="382.6566785081364"></circle><circle r="6.953460975550115" style="fill: #ff7f0e;" cx="615.1183095776653" cy="313.87437926371433"></circle><circle r="12.871338256634772" style="fill: #2ca02c;" cx="781.7495155355921" cy="433.0818217074317"></circle><circle r="9.502210327424109" style="fill: #1f77b4;" cx="628.428125391364" cy="414.9104051892204"></circle><circle r="12.644777609966695" style="fill: #ff7f0e;" cx="640.7034076087507" cy="391.9804598016251"></circle><circle r="9.96765437349677" style="fill: #2ca02c;" cx="641.3158391311645" cy="479.9490583028848"></circle><circle r="5.352425992488861" style="fill: #1f77b4;" cx="647.0405316995964" cy="412.88525407777456"></circle><circle r="11.66951057035476" style="fill: #ff7f0e;" cx="710.1758538927984" cy="276.44554362841893"></circle><circle r="11.13063672464341" style="fill: #2ca02c;" cx="742.5734364863765" cy="393.6390244817198"></circle><circle r="12.093325324356556" style="fill: #1f77b4;" cx="591.4348747706088" cy="462.47679422882993"></circle><circle r="3.1221179720014334" style="fill: #ff7f0e;" cx="695.181764673829" cy="447.3118401696132"></circle><circle r="3.2042637690901756" style="fill: #2ca02c;" cx="698.7131851218608" cy="291.38398751536306"></circle><circle r="2.169127667322755" style="fill: #1f77b4;" cx="697.5657175864495" cy="347.9510791396158"></circle><circle r="3.243275926448405" style="fill: #ff7f0e;" cx="615.9631084755064" cy="373.2746024863691"></circle><circle r="6.577034029178321" style="fill: #2ca02c;" cx="769.2840303794659" cy="348.48063514818125"></circle><circle r="5.118970735929906" style="fill: #1f77b4;" cx="683.2898800154853" cy="472.83980626413376"></circle><circle r="11.410529965534806" style="fill: #ff7f0e;" cx="716.6708742090731" cy="232.8946626561001"></circle><circle r="13.83780594356358" style="fill: #2ca02c;" cx="563.5239522621662" cy="443.9790088018403"></circle><circle r="4.112830280326307" style="fill: #1f77b4;" cx="605.7616413189589" cy="297.2315367563137"></circle><circle r="5.589370124042034" style="fill: #ff7f0e;" cx="635.6598983514637" cy="264.25743501164135"></circle><circle r="7.613399342633784" style="fill: #2ca02c;" cx="768.0855369083567" cy="274.63634473845474"></circle><circle r="4.143172197043896" style="fill: #1f77b4;" cx="706.3896846167456" cy="319.7649164390711"></circle><circle r="5.308603662066162" style="fill: #ff7f0e;" cx="800.5763363190806" cy="326.8800264826425"></circle><circle r="4.051246398128569" style="fill: #2ca02c;" cx="757.7413342655822" cy="286.25807318599203"></circle><circle r="5.867356442846358" style="fill: #1f77b4;" cx="619.0044482935945" cy="398.0094512979595"></circle><circle r="4.50731114204973" style="fill: #ff7f0e;" cx="729.8704155447233" cy="323.27412432194564"></circle><circle r="3.424727391451597" style="fill: #2ca02c;" cx="666.3167838927938" cy="268.9321613647956"></circle><circle r="11.002393754199147" style="fill: #1f77b4;" cx="677.2175137429435" cy="424.21173713187585"></circle><circle r="3.202327895909548" style="fill: #ff7f0e;" cx="583.5594318217663" cy="302.0266701034426"></circle><circle r="3.561468480154872" style="fill: #2ca02c;" cx="670.8731268152812" cy="441.5131790857195"></circle><circle r="7.871172131970525" style="fill: #1f77b4;" cx="644.4178796069671" cy="322.92871124576294"></circle><circle r="3.0572707829996943" style="fill: #ff7f0e;" cx="633.0238532553454" cy="313.23658597528373"></circle><circle r="13.94805349316448" style="fill: #2ca02c;" cx="803.2948317343182" cy="363.9699220504072"></circle><circle r="5.0258945263922215" style="fill: #1f77b4;" cx="802.4045372852465" cy="341.03515350320924"></circle><circle r="11.064110355451703" style="fill: #ff7f0e;" cx="773.2416020255383" cy="252.54444677045834"></circle><circle r="11.029836012981832" style="fill: #2ca02c;" cx="816.8962367633608" cy="314.7597173398302"></circle><circle r="3.2154171150177717" style="fill: #1f77b4;" cx="734.9840628422874" cy="410.2983148504544"></circle><circle r="12.29062349256128" style="fill: #ff7f0e;" cx="544.3570185400761" cy="412.9052762378393"></circle><circle r="2.471929842606187" style="fill: #2ca02c;" cx="710.1850992826536" cy="296.9284266098214"></circle><circle r="9.545655170455575" style="fill: #1f77b4;" cx="796.3914549945227" cy="301.2473420644126"></circle><circle r="11.556263699196279" style="fill: #ff7f0e;" cx="556.6069619803186" cy="267.88229957153277"></circle><circle r="11.051355199888349" style="fill: #2ca02c;" cx="577.0078119779563" cy="246.24330154793608"></circle><circle r="6.638676542788744" style="fill: #1f77b4;" cx="688.0131453838629" cy="277.7035308840845"></circle><circle r="13.841288330964744" style="fill: #ff7f0e;" cx="605.6682316581112" cy="354.93411325072964"></circle><circle r="8.862931102514267" style="fill: #2ca02c;" cx="572.9550819915669" cy="335.7249901524994"></circle><circle r="13.445029128342867" style="fill: #1f77b4;" cx="671.2439186925307" cy="493.19176907882553"></circle><circle r="4.985404276289046" style="fill: #ff7f0e;" cx="693.6623359013053" cy="395.85378143110637"></circle><circle r="12.3383405553177" style="fill: #2ca02c;" cx="696.5983438798097" cy="252.00297748490595"></circle><circle r="2.2043713349848986" style="fill: #1f77b4;" cx="673.693461764991" cy="316.01361142508773"></circle><circle r="13.873002672567964" style="fill: #ff7f0e;" cx="819.6455685633799" cy="285.98793848039367"></circle><circle r="5.157247241586447" style="fill: #2ca02c;" cx="627.4470243748762" cy="324.0121394481812"></circle><circle r="7.533897169865668" style="fill: #1f77b4;" cx="630.1765475139155" cy="280.45087181085694"></circle><circle r="3.908576115965843" style="fill: #ff7f0e;" cx="686.2486942237509" cy="440.836649157438"></circle><circle r="5.168091689236462" style="fill: #2ca02c;" cx="724.0523808755111" cy="291.76835540401436"></circle><circle r="12.382661757059395" style="fill: #1f77b4;" cx="723.4911555471095" cy="374.01108386376256"></circle><circle r="5.9973810175433755" style="fill: #ff7f0e;" cx="725.5540244151147" cy="337.5681834822969"></circle><circle r="9.755038254894316" style="fill: #2ca02c;" cx="699.6126967920567" cy="463.4705896341019"></circle><circle r="4.415458399802446" style="fill: #1f77b4;" cx="780.229871933341" cy="475.7668363766205"></circle><circle r="11.565662338398397" style="fill: #ff7f0e;" cx="753.8299648771659" cy="305.41698372115053"></circle><circle r="8.915011812001467" style="fill: #2ca02c;" cx="677.2154712106582" cy="336.49670556425485"></circle><circle r="2.205377518199384" style="fill: #1f77b4;" cx="679.8849987045177" cy="321.6129511703696"></circle><circle r="7.320971792563796" style="fill: #ff7f0e;" cx="727.2410158732706" cy="425.0552073760849"></circle><circle r="10.147006090730429" style="fill: #2ca02c;" cx="698.1927257810116" cy="487.36327748934593"></circle><circle r="6.2896080473437905" style="fill: #1f77b4;" cx="619.8665595764079" cy="265.92275386198446"></circle><circle r="11.128486612811685" style="fill: #ff7f0e;" cx="817.3046836011613" cy="389.4235587880177"></circle><circle r="2.807202097028494" style="fill: #2ca02c;" cx="647.4551325974337" cy="373.53382576849424"></circle><circle r="8.847473995760083" style="fill: #1f77b4;" cx="644.7283826207196" cy="231.2119066522182"></circle><circle r="9.785360275767744" style="fill: #ff7f0e;" cx="632.01793733263" cy="440.1853991947202"></circle><circle r="7.790593015961349" style="fill: #2ca02c;" cx="660.9732369480822" cy="378.4194688893248"></circle><circle r="3.2947140652686357" style="fill: #1f77b4;" cx="676.9200076439487" cy="269.311988871259"></circle><circle r="4.520862405188382" style="fill: #ff7f0e;" cx="734.4065159631828" cy="300.6506549674274"></circle><circle r="7.50405537057668" style="fill: #2ca02c;" cx="577.4218813037536" cy="315.86912903728825"></circle><circle r="8.678430203348398" style="fill: #1f77b4;" cx="719.3898875487182" cy="308.9672232768278"></circle><circle r="11.024503032676876" style="fill: #ff7f0e;" cx="571.4133568045908" cy="416.2189946012285"></circle><circle r="12.682564919814467" style="fill: #2ca02c;" cx="565.0433613641436" cy="294.8277178823787"></circle><circle r="3.355753855779767" style="fill: #1f77b4;" cx="716.2805072579157" cy="347.160437070619"></circle><circle r="11.882731884717941" style="fill: #ff7f0e;" cx="703.4129158408709" cy="430.15910446987147"></circle><circle r="12.713279272429645" style="fill: #2ca02c;" cx="804.3686038717108" cy="414.0515034382668"></circle><circle r="8.685319675132632" style="fill: #1f77b4;" cx="593.9596703001293" cy="331.1859890061932"></circle><circle r="9.582764155231416" style="fill: #ff7f0e;" cx="610.9828650485256" cy="430.02045999432687"></circle><circle r="3.1950153028592467" style="fill: #2ca02c;" cx="742.9670871229353" cy="375.3503946466577"></circle><circle r="10.531987967900932" style="fill: #1f77b4;" cx="582.0585668816269" cy="390.91307711750517"></circle><circle r="8.701351512223482" style="fill: #ff7f0e;" cx="536.6945471809908" cy="335.98143827225715"></circle><circle r="5.922064451500773" style="fill: #2ca02c;" cx="693.1197007070289" cy="410.79468316209056"></circle><circle r="10.223419026471674" style="fill: #1f77b4;" cx="533.7450149625427" cy="368.9366172885768"></circle><circle r="6.335085809230804" style="fill: #ff7f0e;" cx="730.3734293519201" cy="267.8147028385883"></circle><circle r="6.78473705612123" style="fill: #2ca02c;" cx="613.3406080816487" cy="331.5130477448755"></circle><circle r="8.21591597609222" style="fill: #1f77b4;" cx="613.1890363549189" cy="451.6798243823992"></circle><circle r="9.624590491876006" style="fill: #ff7f0e;" cx="650.7356728486984" cy="275.9677123143894"></circle><circle r="10.762912364676595" style="fill: #2ca02c;" cx="771.4786574788436" cy="458.7014869588318"></circle><circle r="2.8577729631215334" style="fill: #1f77b4;" cx="658.4137725164236" cy="291.38853547293587"></circle><circle r="8.209855273365974" style="fill: #ff7f0e;" cx="544.8569948417847" cy="388.4061651224962"></circle><circle r="5.278913105838001" style="fill: #2ca02c;" cx="727.6328201438253" cy="352.69416675864653"></circle><circle r="8.170708212070167" style="fill: #1f77b4;" cx="596.301927018582" cy="310.4571297107917"></circle><circle r="4.915477712638676" style="fill: #ff7f0e;" cx="717.2200690539507" cy="257.10334170168977"></circle><circle r="8.085104522295296" style="fill: #2ca02c;" cx="672.316425423112" cy="254.62844992267054"></circle><circle r="10.10358097590506" style="fill: #1f77b4;" cx="631.9082966741736" cy="366.778601659749"></circle><circle r="4.690579432062805" style="fill: #ff7f0e;" cx="762.8021123687465" cy="422.88501066828127"></circle><circle r="12.529621771536767" style="fill: #2ca02c;" cx="584.2103651472078" cy="272.8173648448001"></circle><circle r="9.082863678224385" style="fill: #1f77b4;" cx="661.3483019702339" cy="468.62104171670194"></circle><circle r="7.306228198111057" style="fill: #ff7f0e;" cx="699.6490689119155" cy="305.854884771477"></circle><circle r="3.3743427824229" style="fill: #2ca02c;" cx="712.9088170405074" cy="357.32715926237427"></circle><circle r="8.682814547792077" style="fill: #1f77b4;" cx="604.1532928111599" cy="383.94595416378905"></circle><circle r="7.010701299645007" style="fill: #ff7f0e;" cx="647.3557275479001" cy="454.2002506650532"></circle><circle r="8.85806439910084" style="fill: #2ca02c;" cx="775.2749000417894" cy="293.76284091339943"></circle><circle r="13.018851622007787" style="fill: #1f77b4;" cx="834.1592527291579" cy="361.8625694058232"></circle><circle r="2.6352327493950725" style="fill: #ff7f0e;" cx="663.7408059494716" cy="448.8585167272696"></circle><circle r="9.91432757396251" style="fill: #2ca02c;" cx="630.5445953328151" cy="342.7731394699261"></circle><circle r="7.889625011943281" style="fill: #1f77b4;" cx="781.7968005003397" cy="378.178681005086"></circle><circle r="10.108944119885564" style="fill: #ff7f0e;" cx="750.0996267492028" cy="262.4505889018724"></circle><circle r="7.050292367115617" style="fill: #2ca02c;" cx="759.8491727288321" cy="407.4201929979968"></circle><circle r="2.4764153119176626" style="fill: #1f77b4;" cx="642.5480443847599" cy="354.11256212534863"></circle><circle r="2.7129957834258676" style="fill: #ff7f0e;" cx="757.0019541211557" cy="353.55759242640977"></circle><circle r="10.466766705736518" style="fill: #2ca02c;" cx="623.1367412619717" cy="222.372521871291"></circle><circle r="3.469182563945651" style="fill: #1f77b4;" cx="654.8211731905117" cy="311.5988137216265"></circle></svg>
<script>
window.onclick = function(){
svgenie.save( document.getElementById('mysvg'), { name:"this.png" } );
}
</script>
</body>
</html>