mirror of
https://github.com/Lucas-V-L/lucasvl.nl.git
synced 2024-10-29 19:38:16 -05:00
101 lines
20 KiB
XML
101 lines
20 KiB
XML
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||
|
|
|
||
|
|
<svg
|
||
|
|
width="200mm"
|
||
|
|
height="200mm"
|
||
|
|
viewBox="0 0 200 200"
|
||
|
|
version="1.1"
|
||
|
|
id="svg1"
|
||
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
||
|
|
sodipodi:docname="gradient.svg"
|
||
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||
|
|
<sodipodi:namedview
|
||
|
|
id="namedview1"
|
||
|
|
pagecolor="#ffffff"
|
||
|
|
bordercolor="#000000"
|
||
|
|
borderopacity="0.25"
|
||
|
|
inkscape:showpageshadow="2"
|
||
|
|
inkscape:pageopacity="0.0"
|
||
|
|
inkscape:pagecheckerboard="0"
|
||
|
|
inkscape:deskcolor="#d1d1d1"
|
||
|
|
inkscape:document-units="mm"
|
||
|
|
showgrid="true"
|
||
|
|
inkscape:zoom="0.68111408"
|
||
|
|
inkscape:cx="320.79795"
|
||
|
|
inkscape:cy="405.95255"
|
||
|
|
inkscape:window-width="1440"
|
||
|
|
inkscape:window-height="831"
|
||
|
|
inkscape:window-x="0"
|
||
|
|
inkscape:window-y="0"
|
||
|
|
inkscape:window-maximized="1"
|
||
|
|
inkscape:current-layer="layer1">
|
||
|
|
<inkscape:grid
|
||
|
|
id="grid4"
|
||
|
|
units="px"
|
||
|
|
originx="0"
|
||
|
|
originy="0"
|
||
|
|
spacingx="0.26458333"
|
||
|
|
spacingy="0.26458333"
|
||
|
|
empcolor="#0099e5"
|
||
|
|
empopacity="0.30196078"
|
||
|
|
color="#0099e5"
|
||
|
|
opacity="0.14901961"
|
||
|
|
empspacing="5"
|
||
|
|
dotted="false"
|
||
|
|
gridanglex="30"
|
||
|
|
gridanglez="30"
|
||
|
|
visible="true" />
|
||
|
|
</sodipodi:namedview>
|
||
|
|
<defs
|
||
|
|
id="defs1">
|
||
|
|
<meshgradient
|
||
|
|
inkscape:collect="always"
|
||
|
|
id="meshgradient2"
|
||
|
|
gradientUnits="userSpaceOnUse"
|
||
|
|
x="5e-07"
|
||
|
|
y="-7.1054274e-15">
|
||
|
|
<meshrow
|
||
|
|
id="meshrow2">
|
||
|
|
<meshpatch
|
||
|
|
id="meshpatch2">
|
||
|
|
<stop
|
||
|
|
path="c 66.6667,0 133.333,0 200,0"
|
||
|
|
style="stop-color:#ffff00;stop-opacity:1"
|
||
|
|
id="stop3" />
|
||
|
|
<stop
|
||
|
|
path="c 0,66.6667 0,133.333 0,200"
|
||
|
|
style="stop-color:#00ff00;stop-opacity:1"
|
||
|
|
id="stop4" />
|
||
|
|
<stop
|
||
|
|
path="c -66.6667,0 -133.333,0 -200,0"
|
||
|
|
style="stop-color:#000000;stop-opacity:1"
|
||
|
|
id="stop5" />
|
||
|
|
<stop
|
||
|
|
path="c 0,-66.6667 0,-133.333 0,-200"
|
||
|
|
style="stop-color:#ff0000;stop-opacity:1"
|
||
|
|
id="stop6" />
|
||
|
|
</meshpatch>
|
||
|
|
</meshrow>
|
||
|
|
</meshgradient>
|
||
|
|
</defs>
|
||
|
|
<g
|
||
|
|
inkscape:label="Layer 1"
|
||
|
|
inkscape:groupmode="layer"
|
||
|
|
id="layer1">
|
||
|
|
<rect
|
||
|
|
style="fill:url(#meshgradient2);fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linejoin:bevel;stroke-miterlimit:27.7;stroke-dasharray:none"
|
||
|
|
id="rect3"
|
||
|
|
width="200"
|
||
|
|
height="200"
|
||
|
|
x="5e-07"
|
||
|
|
y="-7.1054274e-15" />
|
||
|
|
</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
|
||
|
|
</svg>
|