123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209 |
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
- <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:xlink="http://www.w3.org/1999/xlink"
- xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
- xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="160mm"
- height="90mm"
- viewBox="0 0 160 90"
- version="1.1"
- id="svg8"
- inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
- sodipodi:docname="base.svg">
- <defs
- id="defs2">
- <linearGradient
- inkscape:collect="always"
- id="linearGradient1460">
- <stop
- style="stop-color:#000000;stop-opacity:1;"
- offset="0"
- id="stop1456" />
- <stop
- style="stop-color:#000000;stop-opacity:0;"
- offset="1"
- id="stop1458" />
- </linearGradient>
- <linearGradient
- inkscape:collect="always"
- id="linearGradient1452">
- <stop
- style="stop-color:#000000;stop-opacity:1;"
- offset="0"
- id="stop1448" />
- <stop
- style="stop-color:#000000;stop-opacity:0;"
- offset="1"
- id="stop1450" />
- </linearGradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient1343"
- gradientUnits="userSpaceOnUse"
- x="-39.745533"
- y="-109.25595"
- gradientTransform="translate(-132.85864,97.51786)">
- <meshrow
- id="meshrow1345">
- <meshpatch
- id="meshpatch1347">
- <stop
- path="c 53.3333,0 106.667,0 160,0"
- style="stop-color:#000000;stop-opacity:1"
- id="stop1349" />
- <stop
- path="c 0,30 0,60 0,90"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop1351" />
- <stop
- path="c -53.3333,0 -106.667,0 -160,0"
- style="stop-color:#000000;stop-opacity:1"
- id="stop1353" />
- <stop
- path="c 0,-30 0,-60 0,-90"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop1355" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <mask
- maskUnits="userSpaceOnUse"
- id="mask1357">
- <rect
- style="opacity:1;fill:#50514f;fill-opacity:1;stroke-width:1.24905"
- id="rect1359"
- width="160"
- height="90"
- x="-172.60417"
- y="-11.738093" />
- </mask>
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient1452"
- id="linearGradient1454"
- x1="335.54587"
- y1="68.617458"
- x2="413.90302"
- y2="68.617455"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(-335.54587,-23.617584)" />
- <linearGradient
- inkscape:collect="always"
- xlink:href="#linearGradient1460"
- id="linearGradient1462"
- x1="335.01788"
- y1="191.25595"
- x2="413.37503"
- y2="191.25595"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(-495.01789,-146.25607)" />
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3651"
- gradientUnits="userSpaceOnUse"
- x="74.491074"
- y="7.2917733"
- gradientTransform="translate(4.6959232,0.86789438)">
- <meshrow
- id="meshrow3653">
- <meshpatch
- id="meshpatch3655">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3657" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#800080;stop-opacity:1"
- id="stop3659" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3661" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#800080;stop-opacity:1"
- id="stop3663" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3669">
- <rect
- style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.399828"
- id="rect3671"
- width="10"
- height="10"
- x="79.186996"
- y="8.1596689" />
- </clipPath>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3725"
- gradientUnits="userSpaceOnUse"
- x="49.712132"
- y="-34.344131"
- gradientTransform="translate(-8.0561596,66.157994)">
- <meshrow
- id="meshrow3727">
- <meshpatch
- id="meshpatch3729">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3731" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3733" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3735" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3737" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3772"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(32.069302,98.540925)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3784">
- <meshpatch
- id="meshpatch3782">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3774" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3776" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3778" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3780" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3790"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(24.707708,21.892531)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3802">
- <meshpatch
- id="meshpatch3800">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3792" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3794" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3796" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3798" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3808"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(52.031922,-47.594374)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3820">
- <meshpatch
- id="meshpatch3818">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3810" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3812" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3814" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3816" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3826"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(-43.917751,133.63232)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3838">
- <meshpatch
- id="meshpatch3836">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3828" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3830" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3832" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3834" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3844"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(84.224422,-7.8728267)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3856">
- <meshpatch
- id="meshpatch3854">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3846" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3848" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3850" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3852" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3863"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.53989179,0,0,0.53989179,43.867728,71.611564)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3875">
- <meshpatch
- id="meshpatch3873">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3865" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3867" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3869" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3871" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3881"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.53989179,0,0,0.53989179,77.481917,117.36185)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3893">
- <meshpatch
- id="meshpatch3891">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3883" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3885" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3887" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3889" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3899"
- gradientUnits="userSpaceOnUse"
- gradientTransform="matrix(0.53989179,0,0,0.53989179,1.9097488,58.678891)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3911">
- <meshpatch
- id="meshpatch3909">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3901" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3903" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3905" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3907" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3936">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3938"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="9.8607613e-32"
- transform="rotate(75.492757)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3940">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3942"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="0"
- transform="rotate(-16.346547)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3944">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3946"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="9.8607613e-32"
- transform="rotate(-42.583221)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3948">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3950"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="0"
- transform="rotate(-16.346547)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3952">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3954"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="0"
- transform="rotate(34.026606)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3956">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3958"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="2.9582284e-31"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3960">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3962"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="2.9582284e-31"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3964">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3966"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="2.9582284e-31"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3968">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3970"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="2.9582284e-31"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath3972">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
- id="rect3974"
- width="160"
- height="90"
- x="1.7763568e-15"
- y="0" />
- </clipPath>
- <meshgradient
- inkscape:collect="always"
- id="meshgradient3976"
- gradientUnits="userSpaceOnUse"
- gradientTransform="translate(52.031922,-47.594374)"
- x="49.712132"
- y="-34.344131">
- <meshrow
- id="meshrow3988">
- <meshpatch
- id="meshpatch3986">
- <stop
- path="c 3.33333,0 6.66667,0 10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3978" />
- <stop
- path="c 0,3.33333 0,6.66667 0,10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3980" />
- <stop
- path="c -3.33333,0 -6.66667,0 -10,0"
- style="stop-color:#ffffff;stop-opacity:1"
- id="stop3982" />
- <stop
- path="c 0,-3.33333 0,-6.66667 0,-10"
- style="stop-color:#247ba0;stop-opacity:1"
- id="stop3984" />
- </meshpatch>
- </meshrow>
- </meshgradient>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4166">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4168"
- width="160"
- height="90"
- x="-2.4651903e-32"
- y="4.4408921e-16"
- transform="rotate(75.492757)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4170">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4172"
- width="160"
- height="90"
- x="-3.4745038"
- y="4.0090427"
- transform="rotate(-16.346547)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4174">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4176"
- width="160"
- height="90"
- x="0.13363476"
- y="2.80633"
- transform="rotate(-42.583221)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4178">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4180"
- width="160"
- height="90"
- x="0"
- y="4.4408921e-16"
- transform="rotate(-16.346547)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4182">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4184"
- width="160"
- height="90"
- x="-2.4651903e-32"
- y="4.4408921e-16"
- transform="rotate(34.026606)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4186">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4188"
- width="160"
- height="90"
- x="-0.26726955"
- y="-6.5481033"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4190">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4192"
- width="160"
- height="90"
- x="-0.26726955"
- y="-6.5481033"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4194">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4196"
- width="160"
- height="90"
- x="0.13363473"
- y="2.80633"
- transform="rotate(35.93234)" />
- </clipPath>
- <clipPath
- clipPathUnits="userSpaceOnUse"
- id="clipPath4198">
- <rect
- style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
- id="rect4200"
- width="160"
- height="90"
- x="0.13363473"
- y="2.80633"
- transform="rotate(35.93234)" />
- </clipPath>
- </defs>
- <sodipodi:namedview
- id="base"
- pagecolor="#ffffff"
- bordercolor="#666666"
- borderopacity="1.0"
- inkscape:pageopacity="0.0"
- inkscape:pageshadow="2"
- inkscape:zoom="0.98994949"
- inkscape:cx="180.0727"
- inkscape:cy="184.58334"
- inkscape:document-units="mm"
- inkscape:current-layer="layer21"
- inkscape:document-rotation="0"
- showgrid="false"
- borderlayer="false"
- inkscape:pagecheckerboard="true"
- inkscape:window-width="1920"
- inkscape:window-height="1017"
- inkscape:window-x="-8"
- inkscape:window-y="-8"
- inkscape:window-maximized="1" />
- <metadata
- id="metadata5">
- <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:groupmode="layer"
- id="layer21"
- inkscape:label="background"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer30"
- inkscape:label="color">
- <rect
- style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1.30599"
- id="rect4203"
- width="160"
- height="90"
- x="0"
- y="0" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer22"
- inkscape:label="mesh"
- sodipodi:insensitive="true">
- <rect
- style="opacity:0.851613;fill:url(#meshgradient1343);fill-opacity:1;stroke-width:1.24905"
- id="rect1233-1"
- width="160"
- height="90"
- x="-172.60417"
- y="-11.738091"
- mask="url(#mask1357)"
- transform="translate(172.60418,11.738093)" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer23"
- inkscape:label="gradientLeft"
- sodipodi:insensitive="true">
- <rect
- style="opacity:0.851613;fill:url(#linearGradient1462);fill-opacity:1;stroke-width:1.24905"
- id="rect1233-08"
- width="160"
- height="90"
- x="-160"
- y="-0.00012207031"
- transform="scale(-1,1)" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer24"
- inkscape:label="gradientRight"
- sodipodi:insensitive="true">
- <rect
- style="opacity:0.851613;fill:url(#linearGradient1454);fill-opacity:1;stroke-width:1.24905"
- id="rect1233-0"
- width="160"
- height="90"
- x="-5.6843419e-14"
- y="-0.00012588501" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer25"
- inkscape:label="meshBoxes"
- style="display:inline"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer28"
- inkscape:label="jello"
- sodipodi:insensitive="true">
- <rect
- style="opacity:1;fill:url(#meshgradient3772);fill-opacity:1;stroke-width:0.782936"
- id="rect3673"
- width="10"
- height="10"
- x="81.781441"
- y="64.196793"
- transform="rotate(-35.93234,-4.3940071,-1.1971084)"
- clip-path="url(#clipPath4198)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3863);fill-opacity:1;stroke-width:0.422701"
- id="rect3859"
- width="5.3989177"
- height="5.3989177"
- x="70.706909"
- y="53.06945"
- transform="rotate(-35.93234,-4.3940071,-1.1971084)"
- clip-path="url(#clipPath4194)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3899);fill-opacity:1;stroke-width:0.422701"
- id="rect3895"
- width="5.3989177"
- height="5.3989177"
- x="28.74893"
- y="40.136776"
- transform="rotate(-35.93234,10.230411,2.8619384)"
- clip-path="url(#clipPath4190)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3881);fill-opacity:1;stroke-width:0.422701"
- id="rect3877"
- width="5.3989177"
- height="5.3989177"
- x="104.3211"
- y="98.819733"
- transform="rotate(-35.93234,10.230411,2.8619384)"
- clip-path="url(#clipPath4186)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3725);fill-opacity:1;stroke-width:0.782936"
- id="rect3768"
- width="10"
- height="10"
- x="41.655979"
- y="31.813862"
- transform="rotate(-34.026606)"
- clip-path="url(#clipPath4182)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3790);fill-opacity:1;stroke-width:0.782936"
- id="rect3786"
- width="10"
- height="10"
- x="74.419853"
- y="-12.4516"
- transform="rotate(16.346547)"
- clip-path="url(#clipPath4178)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3976);fill-opacity:1;stroke-width:0.782936"
- id="rect3804"
- width="10"
- height="10"
- x="101.74406"
- y="-81.938499"
- transform="rotate(42.583221,3.5336724,-1.5746169)"
- clip-path="url(#clipPath4174)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3844);fill-opacity:1;stroke-width:0.782936"
- id="rect3822"
- width="10"
- height="10"
- x="133.93654"
- y="-42.216953"
- transform="rotate(16.346547,15.69378,10.091136)"
- clip-path="url(#clipPath4170)" />
- <rect
- style="opacity:1;fill:url(#meshgradient3826);fill-opacity:1;stroke-width:0.782936"
- id="rect3840"
- width="10"
- height="10"
- x="5.794373"
- y="99.288177"
- transform="rotate(-75.492757)"
- clip-path="url(#clipPath4166)" />
- </g>
- </g>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer2"
- inkscape:label="a"
- style="display:inline"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer7"
- inkscape:label="highlight"
- style="display:none"
- sodipodi:insensitive="true">
- <rect
- style="fill:#aa8800;stroke-width:0.308702"
- id="rect11"
- width="140"
- height="60"
- x="10"
- y="20" />
- <text
- xml:space="preserve"
- style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
- x="61.799107"
- y="44.412205"
- id="text889"><tspan
- sodipodi:role="line"
- id="tspan887"
- x="61.799107"
- y="44.412205"
- style="stroke-width:0.264583">a</tspan></text>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer12"
- inkscape:label="lobby"
- style="display:none">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\lobby.svg"
- xlink:href="lobby.svg"
- y="20"
- x="10"
- id="image987"
- height="60.000092"
- width="140.00003"
- inkscape:svg-dpi="96"
- preserveAspectRatio="none" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer13"
- inkscape:label="createGame"
- style="display:none"
- sodipodi:insensitive="true">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\createGame.svg"
- xlink:href="createGame.svg"
- y="20"
- x="10"
- id="image1251"
- height="60.000092"
- width="140.00003"
- inkscape:svg-dpi="96"
- preserveAspectRatio="none" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer26"
- inkscape:label="options"
- style="display:inline"
- sodipodi:insensitive="true">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\options.svg"
- xlink:href="options.svg"
- style="display:inline"
- y="20"
- x="10"
- id="image1403"
- height="60.000092"
- width="140.00003"
- inkscape:svg-dpi="96"
- preserveAspectRatio="none" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer14"
- inkscape:label="gameScreen"
- style="display:none"
- sodipodi:insensitive="true">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
- xlink:href="endScreen.svg"
- preserveAspectRatio="none"
- inkscape:svg-dpi="96"
- width="140.00003"
- height="60.000092"
- id="image1245"
- x="10"
- y="20" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer16"
- inkscape:label="endGame"
- sodipodi:insensitive="true"
- style="display:none">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
- xlink:href="endScreen.svg"
- style="display:inline"
- preserveAspectRatio="none"
- inkscape:svg-dpi="96"
- width="140.00003"
- height="60.000092"
- id="image1027"
- x="10"
- y="20" />
- </g>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer3"
- inkscape:label="b"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer8"
- inkscape:label="highlight 1"
- style="display:none"
- sodipodi:insensitive="true">
- <rect
- style="fill:#e9afaf;stroke-width:0.223407"
- id="rect14"
- width="40"
- height="20"
- x="10"
- y="0" />
- <text
- xml:space="preserve"
- style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
- x="16.252975"
- y="8.6934528"
- id="text893"><tspan
- sodipodi:role="line"
- id="tspan891"
- x="16.252975"
- y="8.6934528"
- style="stroke-width:0.264583">b</tspan></text>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer20"
- inkscape:label="bBoxArea"
- sodipodi:insensitive="true">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionB\bArea.png"
- xlink:href="sectionB/bArea.png"
- width="40.005001"
- height="19.939001"
- preserveAspectRatio="none"
- id="image1241"
- x="9.9949989"
- y="0" />
- </g>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer4"
- inkscape:label="c"
- style="display:inline"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer9"
- inkscape:label="highlight 2"
- style="display:none">
- <rect
- style="fill:#ff6600;stroke-width:0.40715"
- id="rect17"
- width="100"
- height="20"
- x="50"
- y="0" />
- <text
- xml:space="preserve"
- style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#2b0000;fill-opacity:1;stroke:none;stroke-width:0.264583"
- x="86.934525"
- y="10.016369"
- id="text877"><tspan
- sodipodi:role="line"
- id="tspan875"
- x="86.934525"
- y="10.016369"
- style="fill:#2b0000;stroke-width:0.264583">c</tspan></text>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer17"
- inkscape:label="ctest"
- sodipodi:insensitive="true">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
- xlink:href="sectionC/cButton.svg"
- y="0"
- x="50"
- id="image1712"
- height="20.000013"
- width="100.00007"
- inkscape:svg-dpi="200"
- preserveAspectRatio="none" />
- </g>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer5"
- inkscape:label="d"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer10"
- inkscape:label="highlight 3"
- style="display:none">
- <rect
- style="fill:#0000ff;stroke-width:0.33977"
- id="rect20"
- width="10"
- height="90"
- x="0"
- y="0" />
- <rect
- style="fill:#0000ff;stroke-width:0.33977"
- id="rect20-4"
- width="10"
- height="90"
- x="150"
- y="0" />
- <text
- xml:space="preserve"
- style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
- x="2.8348217"
- y="44.79018"
- id="text881"><tspan
- sodipodi:role="line"
- id="tspan879"
- x="2.8348217"
- y="44.79018"
- style="stroke-width:0.264583">d</tspan></text>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer1"
- inkscape:label="dR"
- style="display:inline">
- <g
- inkscape:groupmode="layer"
- id="layer15"
- inkscape:label="dL"
- style="display:inline">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
- xlink:href="sectionDecoration/decoration.svg"
- y="0"
- x="150"
- id="image1369"
- height="89.999878"
- width="10.000007"
- inkscape:svg-dpi="96"
- preserveAspectRatio="none" />
- </g>
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
- xlink:href="sectionDecoration/decoration.svg"
- y="0"
- x="0"
- id="image1127"
- height="89.999878"
- width="10.000007"
- inkscape:svg-dpi="96"
- preserveAspectRatio="none" />
- </g>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer6"
- inkscape:label="e"
- sodipodi:insensitive="true">
- <g
- inkscape:groupmode="layer"
- id="layer11"
- inkscape:label="highlight 4"
- style="display:none"
- sodipodi:insensitive="true">
- <rect
- style="fill:#280b0b;stroke-width:0.234253"
- id="rect23"
- width="140"
- height="10"
- x="10"
- y="80" />
- <text
- xml:space="preserve"
- style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
- x="25.324404"
- y="88.068451"
- id="text885"><tspan
- sodipodi:role="line"
- id="tspan883"
- x="25.324404"
- y="88.068451"
- style="fill:#00ff00;stroke-width:0.264583">e</tspan></text>
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer18"
- inkscape:label="chatBox"
- sodipodi:insensitive="true"
- style="display:inline">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
- xlink:href="sectionE/chatBox.png"
- y="79.966881"
- x="10.04599"
- id="image1236"
- preserveAspectRatio="none"
- height="10.032999"
- width="139.95401" />
- </g>
- <g
- inkscape:groupmode="layer"
- id="layer19"
- inkscape:label="chatBoxExpanded"
- sodipodi:insensitive="true"
- style="display:inline">
- <image
- sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBoxExpansion.png"
- xlink:href="sectionE/chatBoxExpansion.png"
- y="60.027878"
- x="10.000007"
- id="image1250"
- preserveAspectRatio="none"
- height="29.972"
- width="139.95401" />
- </g>
- </g>
- <script
- id="mesh_polyfill"
- type="text/javascript">
- !function(){const t="http://www.w3.org/2000/svg",e="http://www.w3.org/1999/xlink",s="http://www.w3.org/1999/xhtml",r=2;if(document.createElementNS(t,"meshgradient").x)return;const n=(t,e,s,r)=>{let n=new x(.5*(e.x+s.x),.5*(e.y+s.y)),o=new x(.5*(t.x+e.x),.5*(t.y+e.y)),i=new x(.5*(s.x+r.x),.5*(s.y+r.y)),a=new x(.5*(n.x+o.x),.5*(n.y+o.y)),h=new x(.5*(n.x+i.x),.5*(n.y+i.y)),l=new x(.5*(a.x+h.x),.5*(a.y+h.y));return[[t,o,a,l],[l,h,i,r]]},o=t=>{let e=t[0].distSquared(t[1]),s=t[2].distSquared(t[3]),r=.25*t[0].distSquared(t[2]),n=.25*t[1].distSquared(t[3]),o=e>s?e:s,i=r>n?r:n;return 18*(o>i?o:i)},i=(t,e)=>Math.sqrt(t.distSquared(e)),a=(t,e)=>t.scale(2/3).add(e.scale(1/3)),h=t=>{let e,s,r,n,o,i,a,h=new g;return t.match(/(\w+\(\s*[^)]+\))+/g).forEach(t=>{let l=t.match(/[\w.-]+/g),d=l.shift();switch(d){case"translate":2===l.length?e=new g(1,0,0,1,l[0],l[1]):(console.error("mesh.js: translate does not have 2 arguments!"),e=new g(1,0,0,1,0,0)),h=h.append(e);break;case"scale":1===l.length?s=new g(l[0],0,0,l[0],0,0):2===l.length?s=new g(l[0],0,0,l[1],0,0):(console.error("mesh.js: scale does not have 1 or 2 arguments!"),s=new g(1,0,0,1,0,0)),h=h.append(s);break;case"rotate":if(3===l.length&&(e=new g(1,0,0,1,l[1],l[2]),h=h.append(e)),l[0]){r=l[0]*Math.PI/180;let t=Math.cos(r),e=Math.sin(r);Math.abs(t)<1e-16&&(t=0),Math.abs(e)<1e-16&&(e=0),a=new g(t,e,-e,t,0,0),h=h.append(a)}else console.error("math.js: No argument to rotate transform!");3===l.length&&(e=new g(1,0,0,1,-l[1],-l[2]),h=h.append(e));break;case"skewX":l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),o=new g(1,0,n,1,0,0),h=h.append(o)):console.error("math.js: No argument to skewX transform!");break;case"skewY":l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),i=new g(1,n,0,1,0,0),h=h.append(i)):console.error("math.js: No argument to skewY transform!");break;case"matrix":6===l.length?h=h.append(new g(...l)):console.error("math.js: Incorrect number of arguments for matrix!");break;default:console.error("mesh.js: Unhandled transform type: "+d)}}),h},l=t=>{let e=[],s=t.split(/[ ,]+/);for(let t=0,r=s.length-1;t<r;t+=2)e.push(new x(parseFloat(s[t]),parseFloat(s[t+1])));return e},d=(t,e)=>{for(let s in e)t.setAttribute(s,e[s])},c=(t,e,s,r,n)=>{let o,i,a=[0,0,0,0];for(let h=0;h<3;++h)e[h]<t[h]&&e[h]<s[h]||t[h]<e[h]&&s[h]<e[h]?a[h]=0:(a[h]=.5*((e[h]-t[h])/r+(s[h]-e[h])/n),o=Math.abs(3*(e[h]-t[h])/r),i=Math.abs(3*(s[h]-e[h])/n),a[h]>o?a[h]=o:a[h]>i&&(a[h]=i));return a},u=[[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0],[-3,3,0,0,-2,-1,0,0,0,0,0,0,0,0,0,0],[2,-2,0,0,1,1,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,0,0,-3,3,0,0,-2,-1,0,0],[0,0,0,0,0,0,0,0,2,-2,0,0,1,1,0,0],[-3,0,3,0,0,0,0,0,-2,0,-1,0,0,0,0,0],[0,0,0,0,-3,0,3,0,0,0,0,0,-2,0,-1,0],[9,-9,-9,9,6,3,-6,-3,6,-6,3,-3,4,2,2,1],[-6,6,6,-6,-3,-3,3,3,-4,4,-2,2,-2,-2,-1,-1],[2,0,-2,0,0,0,0,0,1,0,1,0,0,0,0,0],[0,0,0,0,2,0,-2,0,0,0,0,0,1,0,1,0],[-6,6,6,-6,-4,-2,4,2,-3,3,-3,3,-2,-1,-2,-1],[4,-4,-4,4,2,2,-2,-2,2,-2,2,-2,1,1,1,1]],f=t=>{let e=[];for(let s=0;s<16;++s){e[s]=0;for(let r=0;r<16;++r)e[s]+=u[s][r]*t[r]}return e},p=(t,e,s)=>{const r=e*e,n=s*s,o=e*e*e,i=s*s*s;return t[0]+t[1]*e+t[2]*r+t[3]*o+t[4]*s+t[5]*s*e+t[6]*s*r+t[7]*s*o+t[8]*n+t[9]*n*e+t[10]*n*r+t[11]*n*o+t[12]*i+t[13]*i*e+t[14]*i*r+t[15]*i*o},y=t=>{let e=[],s=[],r=[];for(let s=0;s<4;++s)e[s]=[],e[s][0]=n(t[0][s],t[1][s],t[2][s],t[3][s]),e[s][1]=[],e[s][1].push(...n(...e[s][0][0])),e[s][1].push(...n(...e[s][0][1])),e[s][2]=[],e[s][2].push(...n(...e[s][1][0])),e[s][2].push(...n(...e[s][1][1])),e[s][2].push(...n(...e[s][1][2])),e[s][2].push(...n(...e[s][1][3]));for(let t=0;t<8;++t){s[t]=[];for(let r=0;r<4;++r)s[t][r]=[],s[t][r][0]=n(e[0][2][t][r],e[1][2][t][r],e[2][2][t][r],e[3][2][t][r]),s[t][r][1]=[],s[t][r][1].push(...n(...s[t][r][0][0])),s[t][r][1].push(...n(...s[t][r][0][1])),s[t][r][2]=[],s[t][r][2].push(...n(...s[t][r][1][0])),s[t][r][2].push(...n(...s[t][r][1][1])),s[t][r][2].push(...n(...s[t][r][1][2])),s[t][r][2].push(...n(...s[t][r][1][3]))}for(let t=0;t<8;++t){r[t]=[];for(let e=0;e<8;++e)r[t][e]=[],r[t][e][0]=s[t][0][2][e],r[t][e][1]=s[t][1][2][e],r[t][e][2]=s[t][2][2][e],r[t][e][3]=s[t][3][2][e]}return r};class x{constructor(t,e){this.x=t||0,this.y=e||0}toString(){return`(x=${this.x}, y=${this.y})`}clone(){return new x(this.x,this.y)}add(t){return new x(this.x+t.x,this.y+t.y)}scale(t){return void 0===t.x?new x(this.x*t,this.y*t):new x(this.x*t.x,this.y*t.y)}distSquared(t){let e=this.x-t.x,s=this.y-t.y;return e*e+s*s}transform(t){let e=this.x*t.a+this.y*t.c+t.e,s=this.x*t.b+this.y*t.d+t.f;return new x(e,s)}}class g{constructor(t,e,s,r,n,o){void 0===t?(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0):(this.a=t,this.b=e,this.c=s,this.d=r,this.e=n,this.f=o)}toString(){return`affine: ${this.a} ${this.c} ${this.e} \n ${this.b} ${this.d} ${this.f}`}append(t){t instanceof g||console.error("mesh.js: argument to Affine.append is not affine!");let e=this.a*t.a+this.c*t.b,s=this.b*t.a+this.d*t.b,r=this.a*t.c+this.c*t.d,n=this.b*t.c+this.d*t.d,o=this.a*t.e+this.c*t.f+this.e,i=this.b*t.e+this.d*t.f+this.f;return new g(e,s,r,n,o,i)}}class w{constructor(t,e){this.nodes=t,this.colors=e}paintCurve(t,e){if(o(this.nodes)>r){const s=n(...this.nodes);let r=[[],[]],o=[[],[]];for(let t=0;t<4;++t)r[0][t]=this.colors[0][t],r[1][t]=(this.colors[0][t]+this.colors[1][t])/2,o[0][t]=r[1][t],o[1][t]=this.colors[1][t];let i=new w(s[0],r),a=new w(s[1],o);i.paintCurve(t,e),a.paintCurve(t,e)}else{let s=Math.round(this.nodes[0].x);if(s>=0&&s<e){let r=4*(~~this.nodes[0].y*e+s);t[r]=Math.round(this.colors[0][0]),t[r+1]=Math.round(this.colors[0][1]),t[r+2]=Math.round(this.colors[0][2]),t[r+3]=Math.round(this.colors[0][3])}}}}class m{constructor(t,e){this.nodes=t,this.colors=e}split(){let t=[[],[],[],[]],e=[[],[],[],[]],s=[[[],[]],[[],[]]],r=[[[],[]],[[],[]]];for(let s=0;s<4;++s){const r=n(this.nodes[0][s],this.nodes[1][s],this.nodes[2][s],this.nodes[3][s]);t[0][s]=r[0][0],t[1][s]=r[0][1],t[2][s]=r[0][2],t[3][s]=r[0][3],e[0][s]=r[1][0],e[1][s]=r[1][1],e[2][s]=r[1][2],e[3][s]=r[1][3]}for(let t=0;t<4;++t)s[0][0][t]=this.colors[0][0][t],s[0][1][t]=this.colors[0][1][t],s[1][0][t]=(this.colors[0][0][t]+this.colors[1][0][t])/2,s[1][1][t]=(this.colors[0][1][t]+this.colors[1][1][t])/2,r[0][0][t]=s[1][0][t],r[0][1][t]=s[1][1][t],r[1][0][t]=this.colors[1][0][t],r[1][1][t]=this.colors[1][1][t];return[new m(t,s),new m(e,r)]}paint(t,e){let s,n=!1;for(let t=0;t<4;++t)if((s=o([this.nodes[0][t],this.nodes[1][t],this.nodes[2][t],this.nodes[3][t]]))>r){n=!0;break}if(n){let s=this.split();s[0].paint(t,e),s[1].paint(t,e)}else{new w([...this.nodes[0]],[...this.colors[0]]).paintCurve(t,e)}}}class b{constructor(t){this.readMesh(t),this.type=t.getAttribute("type")||"bilinear"}readMesh(t){let e=[[]],s=[[]],r=Number(t.getAttribute("x")),n=Number(t.getAttribute("y"));e[0][0]=new x(r,n);let o=t.children;for(let t=0,r=o.length;t<r;++t){e[3*t+1]=[],e[3*t+2]=[],e[3*t+3]=[],s[t+1]=[];let r=o[t].children;for(let n=0,o=r.length;n<o;++n){let o=r[n].children;for(let r=0,i=o.length;r<i;++r){let i=r;0!==t&&++i;let h,d=o[r].getAttribute("path"),c="l";null!=d&&(c=(h=d.match(/\s*([lLcC])\s*(.*)/))[1]);let u=l(h[2]);switch(c){case"l":0===i?(e[3*t][3*n+3]=u[0].add(e[3*t][3*n]),e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&&(e[3*t+3][3*n+0]=u[0].add(e[3*t+3][3*n+3])),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case"L":0===i?(e[3*t][3*n+3]=u[0],e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0],e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&&(e[3*t+3][3*n+0]=u[0]),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case"c":0===i?(e[3*t][3*n+1]=u[0].add(e[3*t][3*n]),e[3*t][3*n+2]=u[1].add(e[3*t][3*n]),e[3*t][3*n+3]=u[2].add(e[3*t][3*n])):1===i?(e[3*t+1][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+2][3*n+3]=u[1].add(e[3*t][3*n+3]),e[3*t+3][3*n+3]=u[2].add(e[3*t][3*n+3])):2===i?(e[3*t+3][3*n+2]=u[0].add(e[3*t+3][3*n+3]),e[3*t+3][3*n+1]=u[1].add(e[3*t+3][3*n+3]),0===n&&(e[3*t+3][3*n+0]=u[2].add(e[3*t+3][3*n+3]))):(e[3*t+2][3*n]=u[0].add(e[3*t+3][3*n]),e[3*t+1][3*n]=u[1].add(e[3*t+3][3*n]));break;case"C":0===i?(e[3*t][3*n+1]=u[0],e[3*t][3*n+2]=u[1],e[3*t][3*n+3]=u[2]):1===i?(e[3*t+1][3*n+3]=u[0],e[3*t+2][3*n+3]=u[1],e[3*t+3][3*n+3]=u[2]):2===i?(e[3*t+3][3*n+2]=u[0],e[3*t+3][3*n+1]=u[1],0===n&&(e[3*t+3][3*n+0]=u[2])):(e[3*t+2][3*n]=u[0],e[3*t+1][3*n]=u[1]);break;default:console.error("mesh.js: "+c+" invalid path type.")}if(0===t&&0===n||r>0){let e=window.getComputedStyle(o[r]).stopColor.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i),a=window.getComputedStyle(o[r]).stopOpacity,h=255;a&&(h=Math.floor(255*a)),e&&(0===i?(s[t][n]=[],s[t][n][0]=Math.floor(e[1]),s[t][n][1]=Math.floor(e[2]),s[t][n][2]=Math.floor(e[3]),s[t][n][3]=h):1===i?(s[t][n+1]=[],s[t][n+1][0]=Math.floor(e[1]),s[t][n+1][1]=Math.floor(e[2]),s[t][n+1][2]=Math.floor(e[3]),s[t][n+1][3]=h):2===i?(s[t+1][n+1]=[],s[t+1][n+1][0]=Math.floor(e[1]),s[t+1][n+1][1]=Math.floor(e[2]),s[t+1][n+1][2]=Math.floor(e[3]),s[t+1][n+1][3]=h):3===i&&(s[t+1][n]=[],s[t+1][n][0]=Math.floor(e[1]),s[t+1][n][1]=Math.floor(e[2]),s[t+1][n][2]=Math.floor(e[3]),s[t+1][n][3]=h))}}e[3*t+1][3*n+1]=new x,e[3*t+1][3*n+2]=new x,e[3*t+2][3*n+1]=new x,e[3*t+2][3*n+2]=new x,e[3*t+1][3*n+1].x=(-4*e[3*t][3*n].x+6*(e[3*t][3*n+1].x+e[3*t+1][3*n].x)+-2*(e[3*t][3*n+3].x+e[3*t+3][3*n].x)+3*(e[3*t+3][3*n+1].x+e[3*t+1][3*n+3].x)+-1*e[3*t+3][3*n+3].x)/9,e[3*t+1][3*n+2].x=(-4*e[3*t][3*n+3].x+6*(e[3*t][3*n+2].x+e[3*t+1][3*n+3].x)+-2*(e[3*t][3*n].x+e[3*t+3][3*n+3].x)+3*(e[3*t+3][3*n+2].x+e[3*t+1][3*n].x)+-1*e[3*t+3][3*n].x)/9,e[3*t+2][3*n+1].x=(-4*e[3*t+3][3*n].x+6*(e[3*t+3][3*n+1].x+e[3*t+2][3*n].x)+-2*(e[3*t+3][3*n+3].x+e[3*t][3*n].x)+3*(e[3*t][3*n+1].x+e[3*t+2][3*n+3].x)+-1*e[3*t][3*n+3].x)/9,e[3*t+2][3*n+2].x=(-4*e[3*t+3][3*n+3].x+6*(e[3*t+3][3*n+2].x+e[3*t+2][3*n+3].x)+-2*(e[3*t+3][3*n].x+e[3*t][3*n+3].x)+3*(e[3*t][3*n+2].x+e[3*t+2][3*n].x)+-1*e[3*t][3*n].x)/9,e[3*t+1][3*n+1].y=(-4*e[3*t][3*n].y+6*(e[3*t][3*n+1].y+e[3*t+1][3*n].y)+-2*(e[3*t][3*n+3].y+e[3*t+3][3*n].y)+3*(e[3*t+3][3*n+1].y+e[3*t+1][3*n+3].y)+-1*e[3*t+3][3*n+3].y)/9,e[3*t+1][3*n+2].y=(-4*e[3*t][3*n+3].y+6*(e[3*t][3*n+2].y+e[3*t+1][3*n+3].y)+-2*(e[3*t][3*n].y+e[3*t+3][3*n+3].y)+3*(e[3*t+3][3*n+2].y+e[3*t+1][3*n].y)+-1*e[3*t+3][3*n].y)/9,e[3*t+2][3*n+1].y=(-4*e[3*t+3][3*n].y+6*(e[3*t+3][3*n+1].y+e[3*t+2][3*n].y)+-2*(e[3*t+3][3*n+3].y+e[3*t][3*n].y)+3*(e[3*t][3*n+1].y+e[3*t+2][3*n+3].y)+-1*e[3*t][3*n+3].y)/9,e[3*t+2][3*n+2].y=(-4*e[3*t+3][3*n+3].y+6*(e[3*t+3][3*n+2].y+e[3*t+2][3*n+3].y)+-2*(e[3*t+3][3*n].y+e[3*t][3*n+3].y)+3*(e[3*t][3*n+2].y+e[3*t+2][3*n].y)+-1*e[3*t][3*n].y)/9}}this.nodes=e,this.colors=s}paintMesh(t,e){let s=(this.nodes.length-1)/3,r=(this.nodes[0].length-1)/3;if("bilinear"===this.type||s<2||r<2){let n;for(let o=0;o<s;++o)for(let s=0;s<r;++s){let r=[];for(let t=3*o,e=3*o+4;t<e;++t)r.push(this.nodes[t].slice(3*s,3*s+4));let i=[];i.push(this.colors[o].slice(s,s+2)),i.push(this.colors[o+1].slice(s,s+2)),(n=new m(r,i)).paint(t,e)}}else{let n,o,a,h,l,d,u;const x=s,g=r;s++,r++;let w=new Array(s);for(let t=0;t<s;++t){w[t]=new Array(r);for(let e=0;e<r;++e)w[t][e]=[],w[t][e][0]=this.nodes[3*t][3*e],w[t][e][1]=this.colors[t][e]}for(let t=0;t<s;++t)for(let e=0;e<r;++e)0!==t&&t!==x&&(n=i(w[t-1][e][0],w[t][e][0]),o=i(w[t+1][e][0],w[t][e][0]),w[t][e][2]=c(w[t-1][e][1],w[t][e][1],w[t+1][e][1],n,o)),0!==e&&e!==g&&(n=i(w[t][e-1][0],w[t][e][0]),o=i(w[t][e+1][0],w[t][e][0]),w[t][e][3]=c(w[t][e-1][1],w[t][e][1],w[t][e+1][1],n,o));for(let t=0;t<r;++t){w[0][t][2]=[],w[x][t][2]=[];for(let e=0;e<4;++e)n=i(w[1][t][0],w[0][t][0]),o=i(w[x][t][0],w[x-1][t][0]),w[0][t][2][e]=n>0?2*(w[1][t][1][e]-w[0][t][1][e])/n-w[1][t][2][e]:0,w[x][t][2][e]=o>0?2*(w[x][t][1][e]-w[x-1][t][1][e])/o-w[x-1][t][2][e]:0}for(let t=0;t<s;++t){w[t][0][3]=[],w[t][g][3]=[];for(let e=0;e<4;++e)n=i(w[t][1][0],w[t][0][0]),o=i(w[t][g][0],w[t][g-1][0]),w[t][0][3][e]=n>0?2*(w[t][1][1][e]-w[t][0][1][e])/n-w[t][1][3][e]:0,w[t][g][3][e]=o>0?2*(w[t][g][1][e]-w[t][g-1][1][e])/o-w[t][g-1][3][e]:0}for(let s=0;s<x;++s)for(let r=0;r<g;++r){let n=i(w[s][r][0],w[s+1][r][0]),o=i(w[s][r+1][0],w[s+1][r+1][0]),c=i(w[s][r][0],w[s][r+1][0]),x=i(w[s+1][r][0],w[s+1][r+1][0]),g=[[],[],[],[]];for(let t=0;t<4;++t){(d=[])[0]=w[s][r][1][t],d[1]=w[s+1][r][1][t],d[2]=w[s][r+1][1][t],d[3]=w[s+1][r+1][1][t],d[4]=w[s][r][2][t]*n,d[5]=w[s+1][r][2][t]*n,d[6]=w[s][r+1][2][t]*o,d[7]=w[s+1][r+1][2][t]*o,d[8]=w[s][r][3][t]*c,d[9]=w[s+1][r][3][t]*x,d[10]=w[s][r+1][3][t]*c,d[11]=w[s+1][r+1][3][t]*x,d[12]=0,d[13]=0,d[14]=0,d[15]=0,u=f(d);for(let e=0;e<9;++e){g[t][e]=[];for(let s=0;s<9;++s)g[t][e][s]=p(u,e/8,s/8),g[t][e][s]>255?g[t][e][s]=255:g[t][e][s]<0&&(g[t][e][s]=0)}}h=[];for(let t=3*s,e=3*s+4;t<e;++t)h.push(this.nodes[t].slice(3*r,3*r+4));l=y(h);for(let s=0;s<8;++s)for(let r=0;r<8;++r)(a=new m(l[s][r],[[[g[0][s][r],g[1][s][r],g[2][s][r],g[3][s][r]],[g[0][s][r+1],g[1][s][r+1],g[2][s][r+1],g[3][s][r+1]]],[[g[0][s+1][r],g[1][s+1][r],g[2][s+1][r],g[3][s+1][r]],[g[0][s+1][r+1],g[1][s+1][r+1],g[2][s+1][r+1],g[3][s+1][r+1]]]])).paint(t,e)}}}transform(t){if(t instanceof x)for(let e=0,s=this.nodes.length;e<s;++e)for(let s=0,r=this.nodes[0].length;s<r;++s)this.nodes[e][s]=this.nodes[e][s].add(t);else if(t instanceof g)for(let e=0,s=this.nodes.length;e<s;++e)for(let s=0,r=this.nodes[0].length;s<r;++s)this.nodes[e][s]=this.nodes[e][s].transform(t)}scale(t){for(let e=0,s=this.nodes.length;e<s;++e)for(let s=0,r=this.nodes[0].length;s<r;++s)this.nodes[e][s]=this.nodes[e][s].scale(t)}}document.querySelectorAll("rect,circle,ellipse,path,text").forEach((r,n)=>{let o=r.getAttribute("id");o||(o="patchjs_shape"+n,r.setAttribute("id",o));const i=r.style.fill.match(/^url\(\s*"?\s*#([^\s"]+)"?\s*\)/),a=r.style.stroke.match(/^url\(\s*"?\s*#([^\s"]+)"?\s*\)/);if(i&&i[1]){const a=document.getElementById(i[1]);if(a&&"meshgradient"===a.nodeName){const i=r.getBBox();let l=document.createElementNS(s,"canvas");d(l,{width:i.width,height:i.height});const c=l.getContext("2d");let u=c.createImageData(i.width,i.height);const f=new b(a);"objectBoundingBox"===a.getAttribute("gradientUnits")&&f.scale(new x(i.width,i.height));const p=a.getAttribute("gradientTransform");null!=p&&f.transform(h(p)),"userSpaceOnUse"===a.getAttribute("gradientUnits")&&f.transform(new x(-i.x,-i.y)),f.paintMesh(u.data,l.width),c.putImageData(u,0,0);const y=document.createElementNS(t,"image");d(y,{width:i.width,height:i.height,x:i.x,y:i.y});let g=l.toDataURL();y.setAttributeNS(e,"xlink:href",g),r.parentNode.insertBefore(y,r),r.style.fill="none";const w=document.createElementNS(t,"use");w.setAttributeNS(e,"xlink:href","#"+o);const m="patchjs_clip"+n,M=document.createElementNS(t,"clipPath");M.setAttribute("id",m),M.appendChild(w),r.parentElement.insertBefore(M,r),y.setAttribute("clip-path","url(#"+m+")"),u=null,l=null,g=null}}if(a&&a[1]){const o=document.getElementById(a[1]);if(o&&"meshgradient"===o.nodeName){const i=parseFloat(r.style.strokeWidth.slice(0,-2))*(parseFloat(r.style.strokeMiterlimit)||parseFloat(r.getAttribute("stroke-miterlimit"))||1),a=r.getBBox(),l=Math.trunc(a.width+i),c=Math.trunc(a.height+i),u=Math.trunc(a.x-i/2),f=Math.trunc(a.y-i/2);let p=document.createElementNS(s,"canvas");d(p,{width:l,height:c});const y=p.getContext("2d");let g=y.createImageData(l,c);const w=new b(o);"objectBoundingBox"===o.getAttribute("gradientUnits")&&w.scale(new x(l,c));const m=o.getAttribute("gradientTransform");null!=m&&w.transform(h(m)),"userSpaceOnUse"===o.getAttribute("gradientUnits")&&w.transform(new x(-u,-f)),w.paintMesh(g.data,p.width),y.putImageData(g,0,0);const M=document.createElementNS(t,"image");d(M,{width:l,height:c,x:0,y:0});let S=p.toDataURL();M.setAttributeNS(e,"xlink:href",S);const k="pattern_clip"+n,A=document.createElementNS(t,"pattern");d(A,{id:k,patternUnits:"userSpaceOnUse",width:l,height:c,x:u,y:f}),A.appendChild(M),o.parentNode.appendChild(A),r.style.stroke="url(#"+k+")",g=null,p=null,S=null}}})}();
- </script>
- </svg>
|