I tried to create a logo in .svg format with Inkscape.
The problem is, it looks different on different computers.
The upper image shows how it looks on the computer of a friend:
It seems to be a different font and/or wrong distances.
The lower image shows how it looks on my computer. Thats what i want it to look.
How can i make it look the same on every computer (any OS, browser, monitor, ...) or is this not possible with svg format so i have to switch to jpg or png?
Here is the svg as text code:
<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" version="1.1" width="100%" height="100%" viewBox="0 0 224 44" id="svg2" inkscape:version="0.48.4 r9939">
<metadata id="metadata104">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs id="defs4">
<pattern patternTransform="scale(2.2,1.6)" id="p1" xlink:href="#Packedcircles"/>
<pattern patternUnits="userSpaceOnUse" width="1" height="1.7" patternTransform="translate(0,0) scale(10,10)" id="Packedcircles">
<circle style="fill:black;stroke:none" cx="0" cy="0.5" r="0.5" id="circle4759"/>
<circle style="fill:black;stroke:none" cx="1" cy="0.5" r="0.5" id="circle4761"/>
<circle style="fill:black;stroke:none" cx="0.5" cy="1.4" r="0.5" id="circle4763"/>
<circle style="fill:black;stroke:none" cx="0.5" cy="-0.4" r="0.5" id="circle4765"/>
</pattern>
<radialGradient cx="18.2" cy="15.7" r="30" id="r1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.812563,-3.0672977)">
<stop id="stop3131" style="stop-color:#e5e5e5;stop-opacity:1" offset="0"/>
<stop id="stop3133" style="stop-color:#e5e5e5;stop-opacity:1" offset="0.15516999"/>
<stop id="stop3135" style="stop-color:#6b6b6b;stop-opacity:1" offset="0.75"/>
<stop id="stop3137" style="stop-color:#474747;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="15.6" cy="12.1" r="43.5" id="r2" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.812563,-3.0672977)">
<stop id="stop3140" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3142" style="stop-color:#ffffff;stop-opacity:0.16495" offset="1"/>
</radialGradient>
<radialGradient cx="11.8" cy="10.5" r="32.7" id="r3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.98602467,0,0,0.84779,86.699433,-3.0672977)">
<stop id="stop3150" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3152" style="stop-color:#ffffff;stop-opacity:0" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r4" gradientUnits="userSpaceOnUse">
<stop id="stop3176" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3178" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3180" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r5" gradientUnits="userSpaceOnUse">
<stop id="stop3197" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3199" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3201" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r6" gradientUnits="userSpaceOnUse">
<stop id="stop3218" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3220" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3222" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r7" gradientUnits="userSpaceOnUse">
<stop id="stop3239" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3241" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3243" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r8" gradientUnits="userSpaceOnUse">
<stop id="stop3260" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3262" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3264" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r9" gradientUnits="userSpaceOnUse">
<stop id="stop3281" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3283" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3285" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r10" gradientUnits="userSpaceOnUse">
<stop id="stop3302" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3304" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3306" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
<radialGradient cx="19.3" cy="16.9" r="42.2" fx="19.6315" fy="17.1777" id="r11" gradientUnits="userSpaceOnUse">
<stop id="stop3323" style="stop-color:#ffffff;stop-opacity:1" offset="0"/>
<stop id="stop3325" style="stop-color:#fefefe;stop-opacity:1" offset="0.37931001"/>
<stop id="stop3327" style="stop-color:#1d1d1d;stop-opacity:1" offset="1"/>
</radialGradient>
</defs>
<path d="m 120.8 20.4 c 0 10.7 -8.7 19.4 -19.4 19.4 -10.7 0 -19.4 -8.7 -19.4 -19.4 0 -10.7 8.7 -19.4 19.4 -19.4 10.7 0 19.4 8.7 19.4 19.4 z" id="path39" style="fill:url(#r1);stroke:#3f3f3f"/>
<path d="m 112.4 12.2 a 10.8 9.3 0 0 1 -21.6 0 10.8 9.3 0 1 1 21.6 0 z" id="path41" style="opacity:0.42158999;fill:url(#r3)"/>
<g transform="matrix(0.98237,0,0,0.98237,76.933643,-2.8343877)" id="g43" style="fill-opacity:0.71344999">
<path d="m 44.1 20.7 0 0 -0.5 0.6 c -0.3 -0.4 -0.7 -0.7 -1.1 -1.1 l -0.8 0.1 -0.8 -0.9 v 1.1 l 0.7 0.5 0.4 0.5 0.6 -0.7 c 0.1 0.3 0.3 0.5 0.4 0.8 v 0.8 l -0.7 0.7 -1.2 0.8 -0.9 0.9 -0.6 -0.7 0.3 -0.7 -0.6 -0.7 -1 -2.1 -0.8 -0.9 -0.2 0.2 0.3 1.2 0.6 0.7 c 0.4 1 0.7 2 1.2 3 0.7 0 1.4 -0.1 2.1 -0.2 v 0.6 l -0.9 2.1 -0.8 0.9 -0.7 1.4 v 2.3 l 0.2 0.9 -0.4 0.4 -0.8 0.5 -0.8 0.7 0.7 0.8 -0.9 0.8 0.2 0.5 -1.4 1.6 h -0.9 l -0.8 0.5 H 33.6 V 38.3 L 33.4 37 c -0.3 -0.8 -0.6 -1.6 -0.9 -2.5 0 -0.6 0 -1.2 0.1 -1.8 l 0.4 -0.8 -0.5 -1 0 -1.4 -0.7 -0.8 0.3 -1.1 -0.6 -0.6 H 30.6 l -0.3 -0.4 -1 0.6 -0.4 -0.5 -0.9 0.8 -1.9 -2.1 -0.7 -1.7 0.7 -1 -0.4 -0.4 0.8 -1.9 c 0.7 -0.8 1.3 -1.6 2 -2.4 l 1.2 -0.3 1.4 -0.2 0.9 0.2 1.3 1.4 0.5 -0.5 0.7 -0.1 1.2 0.4 h 0.9 l 0.7 -0.6 0.3 -0.4 -0.7 -0.4 -1.1 -0.1 c -0.3 -0.4 -0.6 -0.9 -0.9 -1.2 l -0.4 0.2 -0.1 1.1 -0.7 -0.7 -0.1 -0.8 -0.7 -0.6 h -0.3 l 0.7 0.8 -0.3 0.7 -0.6 0.2 0.4 -0.7 -0.7 -0.3 -0.6 -0.7 -1.1 0.2 -0.1 0.3 -0.7 0.4 -0.4 0.9 -0.9 0.5 -0.4 -0.5 h -0.4 v -1.5 l 0.9 -0.5 h 0.7 l -0.1 -0.6 -0.6 -0.6 1 -0.2 0.5 -0.6 0.4 -0.7 h 0.8 l -0.2 -0.6 0.5 -0.3 v 0.7 l 1.1 0.2 1.1 -0.9 0.1 -0.4 0.9 -0.7 c -0.3 0 -0.7 0.1 -1 0.2 V 10 L 34.2 9.2 H 33.9 l -0.8 0.7 -0.2 0.4 0.2 0.6 -0.4 1 -0.6 -0.3 -0.5 -0.6 -0.8 0.6 -0.3 -1.3 1.4 -0.9 V 8.8 l 0.9 -0.6 1.4 -0.3 0.9 0.3 1.7 0.3 -0.4 0.5 H 35.5 l 0.9 1 0.7 -0.8 0.2 -0.4 c 0 0 2.8 2.5 4.4 5.2 1.6 2.7 2.3 6 2.3 6.6 z" id="path45"/>
<path d="m 26.1 9.2 -0.1 0.5 0.5 0.3 0.9 -0.6 -0.4 -0.5 -0.6 0.3 -0.3 -0.1" id="path47"/>
<path d="m 26.9 5.9 -1.9 -0.7 -2.2 0.2 -2.7 0.7 -0.5 0.5 1.7 1.2 v 0.7 l -0.7 0.7 0.9 1.7 0.6 -0.3 0.7 -1.2 c 1.1 -0.3 2.1 -0.7 3.2 -1.2 l 0.9 -2.2" id="path49"/>
<path d="m 28.8 12.8 -0.3 -0.7 -0.5 0.2 0.1 0.9 0.7 -0.3" id="path51"/>
<path d="m 29.1 12.6 -0.1 1 0.8 -0.2 0.6 -0.6 -0.5 -0.5 C 29.7 11.9 29.5 11.5 29.3 11 H 28.8 v 0.5 l 0.3 0.3 v 0.7" id="path53"/>
<path d="m 18.4 28.2 -0.6 -1.2 -1.1 -0.2 -0.6 -1.6 -1.5 0.2 -1.2 -0.9 -1.3 1.2 v 0.2 c -0.4 -0.1 -0.9 -0.1 -1.2 -0.3 l -0.3 -0.8 v -0.9 l -0.9 0.1 0.2 -1.7 H 9.4 L 8.9 22.8 8.4 23.1 7.7 22.6 7.6 21.7 7.8 20.8 8.8 19.9 h 0.9 l 0.1 -0.5 1.1 0.2 0.8 1 0.1 -1.6 1.4 -1.2 0.5 -1.2 1 -0.4 0.6 -0.8 1.3 -0.2 0.7 -1 h -2 l 1.2 -0.6 h 0.9 l 1.2 -0.4 0.1 -0.5 -0.4 -0.4 -0.5 -0.2 0.1 -0.5 -0.4 -0.7 -0.9 0.3 0.1 -0.7 -1 -0.6 -0.8 1.4 0.1 0.5 -0.8 0.3 -0.5 1.1 -0.2 -1 -1.4 -0.6 -0.2 -0.7 1.8 -1.1 0.8 -0.7 0.1 -0.9 -0.4 -0.2 -0.6 -0.1 -0.4 0.9 c 0 0 -0.6 0.1 -0.8 0.2 -2 1.8 -6 5.8 -7 13.3 0 0.2 0.7 1.2 0.7 1.2 l 1.5 0.9 1.5 0.4 0.7 0.8 1 0.7 0.6 -0.1 0.4 0.2 v 0.1 l -0.6 1.6 -0.4 0.7 0.1 0.3 -0.4 1.2 1.3 2.4 1.3 1.2 0.6 0.8 -0.1 1.7 0.4 1 -0.4 1.9 c 0 0 -0 -0 0 0.2 0.1 0.2 2.3 1.5 2.5 1.3 l 0.3 -0.2 -0.1 -0.4 0.6 -0.6 0.2 -0.6 0.9 -0.3 0.7 -1.8 -0.2 -0.5 0.5 -0.7 1.1 -0.2 0.6 -1.3 -0.1 -1.6 0.9 -1.2 0.1 -1.2 C 20.7 29.5 19.5 28.9 18.4 28.2" id="path55"/>
<path d="m 16.8 9.6 0.7 0.5 h 0.6 V 9.5 l -0.7 -0.3 -0.6 0.4" id="path57"/>
<path d="M 14.9 8.9 14.5 9.8 h 0.7 L 15.6 9 16.5 8.3 17.3 8.6 18.7 9.6 19.5 8.9 18.7 8.6 18.3 7.8 16.9 7.7 16.8 7.3 16.2 7.4 15.9 8 15.5 7.3 l -0.1 0.3 0.1 0.8 -0.6 0.5" id="path59"/>
<path d="M 17.5 6.8 17.9 6.5 18.6 6.4 c 0.5 -0.2 1 -0.4 1.5 -0.6 l -0.3 -0.5 -0.9 0.1 -0.4 0.4 -0.7 0.1 -0.6 0.3 -0.3 0.2 -0.2 0.3 0.9 0.2" id="path61"/>
<path d="m 18.7 14.7 0.4 -0.7 -0.7 -0.5 0.2 1.2" id="path63"/>
</g>
<g transform="matrix(0.98237,0,0,0.98237,76.731613,-3.0364147)" id="g65" style="fill:url(#radialGradient4756-227)">
<g id="g67" style="fill:url(#radialGradient4756-112)">
<g id="g69" style="fill:url(#radialGradient4756-309)">
<path d="m 44.1 20.7 0 0 -0.5 0.6 c -0.3 -0.4 -0.7 -0.7 -1.1 -1.1 l -0.8 0.1 -0.8 -0.9 v 1.1 l 0.7 0.5 0.4 0.5 0.6 -0.7 c 0.1 0.3 0.3 0.5 0.4 0.8 v 0.8 l -0.7 0.7 -1.2 0.8 -0.9 0.9 -0.6 -0.7 0.3 -0.7 -0.6 -0.7 -1 -2.1 -0.8 -0.9 -0.2 0.2 0.3 1.2 0.6 0.7 c 0.4 1 0.7 2 1.2 3 0.7 0 1.4 -0.1 2.1 -0.2 v 0.6 l -0.9 2.1 -0.8 0.9 -0.7 1.4 v 2.3 l 0.2 0.9 -0.4 0.4 -0.8 0.5 -0.8 0.7 0.7 0.8 -0.9 0.8 0.2 0.5 -1.4 1.6 h -0.9 l -0.8 0.5 H 33.6 V 38.3 L 33.4 37 c -0.3 -0.8 -0.6 -1.6 -0.9 -2.5 0 -0.6 0 -1.2 0.1 -1.8 l 0.4 -0.8 -0.5 -1 0 -1.4 -0.7 -0.8 0.3 -1.1 -0.6 -0.6 H 30.6 l -0.3 -0.4 -1 0.6 -0.4 -0.5 -0.9 0.8 -1.9 -2.1 -0.7 -1.7 0.7 -1 -0.4 -0.4 0.8 -1.9 c 0.7 -0.8 1.3 -1.6 2 -2.4 l 1.2 -0.3 1.4 -0.2 0.9 0.2 1.3 1.4 0.5 -0.5 0.7 -0.1 1.2 0.4 h 0.9 l 0.7 -0.6 0.3 -0.4 -0.7 -0.4 -1.1 -0.1 c -0.3 -0.4 -0.6 -0.9 -0.9 -1.2 l -0.4 0.2 -0.1 1.1 -0.7 -0.7 -0.1 -0.8 -0.7 -0.6 h -0.3 l 0.7 0.8 -0.3 0.7 -0.6 0.2 0.4 -0.7 -0.7 -0.3 -0.6 -0.7 -1.1 0.2 -0.1 0.3 -0.7 0.4 -0.4 0.9 -0.9 0.5 -0.4 -0.5 h -0.4 v -1.5 l 0.9 -0.5 h 0.7 l -0.1 -0.6 -0.6 -0.6 1 -0.2 0.5 -0.6 0.4 -0.7 h 0.8 l -0.2 -0.6 0.5 -0.3 v 0.7 l 1.1 0.2 1.1 -0.9 0.1 -0.4 0.9 -0.7 c -0.3 0 -0.7 0.1 -1 0.2 V 10 L 34.2 9.2 H 33.9 l -0.8 0.7 -0.2 0.4 0.2 0.6 -0.4 1 -0.6 -0.3 -0.5 -0.6 -0.8 0.6 -0.3 -1.3 1.4 -0.9 V 8.8 l 0.9 -0.6 1.4 -0.3 0.9 0.3 1.7 0.3 -0.4 0.5 H 35.5 l 0.9 1 0.7 -0.8 0.2 -0.4 c 0 0 2.8 2.5 4.4 5.2 1.6 2.7 2.3 6 2.3 6.6 z" id="path71" style="fill:url(#r4)"/>
</g>
</g>
<g id="g73" style="fill:url(#radialGradient4756-612)">
<g id="g75" style="fill:url(#radialGradient4756-567)">
<path d="m 26.1 9.2 -0.1 0.5 0.5 0.3 0.9 -0.6 -0.4 -0.5 -0.6 0.3 -0.3 -0.1" id="path77" style="fill:url(#r5)"/>
</g>
</g>
<g id="g79" style="fill:url(#radialGradient4756-773)">
<g id="g81" style="fill:url(#radialGradient4756-84)">
<path d="m 26.9 5.9 -1.9 -0.7 -2.2 0.2 -2.7 0.7 -0.5 0.5 1.7 1.2 v 0.7 l -0.7 0.7 0.9 1.7 0.6 -0.3 0.7 -1.2 c 1.1 -0.3 2.1 -0.7 3.2 -1.2 l 0.9 -2.2" id="path83" style="fill:url(#r6)"/>
</g>
</g>
<g id="g85" style="fill:url(#radialGradient4756-502)">
<g id="g87" style="fill:url(#radialGradient4756-965)">
<path d="m 28.8 12.8 -0.3 -0.7 -0.5 0.2 0.1 0.9 0.7 -0.3" id="path89" style="fill:url(#r7)"/>
</g>
</g>
<g id="g91" style="fill:url(#radialGradient4756-785)">
<g id="g93" style="fill:url(#radialGradient4756-135)">
<path d="m 29.1 12.6 -0.1 1 0.8 -0.2 0.6 -0.6 -0.5 -0.5 C 29.7 11.9 29.5 11.5 29.3 11 H 28.8 v 0.5 l 0.3 0.3 v 0.7" id="path95" style="fill:url(#r8)"/>
</g>
</g>
<g id="g97" style="fill:url(#radialGradient4756-862)">
<g id="g99" style="fill:url(#radialGradient4756-812)">
<path d="m 18.4 28.2 -0.6 -1.2 -1.1 -0.2 -0.6 -1.6 -1.5 0.2 -1.2 -0.9 -1.3 1.2 v 0.2 c -0.4 -0.1 -0.9 -0.1 -1.2 -0.3 l -0.3 -0.8 v -0.9 l -0.9 0.1 0.2 -1.7 H 9.4 L 8.9 22.8 8.4 23.1 7.7 22.6 7.6 21.7 7.8 20.8 8.8 19.9 h 0.9 l 0.1 -0.5 1.1 0.2 0.8 1 0.1 -1.6 1.4 -1.2 0.5 -1.2 1 -0.4 0.6 -0.8 1.3 -0.2 0.7 -1 h -2 l 1.2 -0.6 h 0.9 l 1.2 -0.4 0.1 -0.5 -0.4 -0.4 -0.5 -0.2 0.1 -0.5 -0.4 -0.7 -0.9 0.3 0.1 -0.7 -1 -0.6 -0.8 1.4 0.1 0.5 -0.8 0.3 -0.5 1.1 -0.2 -1 -1.4 -0.6 -0.2 -0.7 1.8 -1.1 0.8 -0.7 0.1 -0.9 -0.4 -0.2 -0.6 -0.1 -0.4 0.9 c 0 0 -0.6 0.1 -0.8 0.2 -2 1.8 -6 5.8 -7 13.3 0 0.2 0.7 1.2 0.7 1.2 l 1.5 0.9 1.5 0.4 0.7 0.8 1 0.7 0.6 -0.1 0.4 0.2 v 0.1 l -0.6 1.6 -0.4 0.7 0.1 0.3 -0.4 1.2 1.3 2.4 1.3 1.2 0.6 0.8 -0.1 1.7 0.4 1 -0.4 1.9 c 0 0 -0 -0 0 0.2 0.1 0.2 2.3 1.5 2.5 1.3 l 0.3 -0.2 -0.1 -0.4 0.6 -0.6 0.2 -0.6 0.9 -0.3 0.7 -1.8 -0.2 -0.5 0.5 -0.7 1.1 -0.2 0.6 -1.3 -0.1 -1.6 0.9 -1.2 0.1 -1.2 C 20.7 29.5 19.5 28.9 18.4 28.2" id="path101" style="fill:url(#r9)"/>
</g>
</g>
<g id="g103" style="fill:url(#radialGradient4756-35)">
<g id="g105" style="fill:url(#radialGradient4756-479)">
<path d="m 16.8 9.6 0.7 0.5 h 0.6 V 9.5 l -0.7 -0.3 -0.6 0.4" id="path107" style="fill:url(#r10)"/>
</g>
</g>
<g id="g109" style="fill:url(#radialGradient4756-607)">
<g id="g111" style="fill:url(#radialGradient4756-611)">
<path d="M 14.9 8.9 14.5 9.8 h 0.7 L 15.6 9 16.5 8.3 17.3 8.6 18.7 9.6 19.5 8.9 18.7 8.6 18.3 7.8 16.9 7.7 16.8 7.3 16.2 7.4 15.9 8 15.5 7.3 l -0.1 0.3 0.1 0.8 -0.6 0.5" id="path113" style="fill:url(#r11)"/>
</g>
</g>
<g id="g115" style="fill:url(#radialGradient4756-880)">
<g id="g117" style="fill:url(#radialGradient4756-979)">
<path d="M 17.5 6.8 17.9 6.5 18.6 6.4 c 0.5 -0.2 1 -0.4 1.5 -0.6 l -0.3 -0.5 -0.9 0.1 -0.4 0.4 -0.7 0.1 -0.6 0.3 -0.3 0.2 -0.2 0.3 0.9 0.2" id="path119" style="fill:url(#radialGradient4756-244)"/>
</g>
</g>
<g id="g121" style="fill:url(#radialGradient4756-361)">
<g id="g123" style="fill:url(#radialGradient4756-234)">
<path d="m 18.7 14.7 0.4 -0.7 -0.7 -0.5 0.2 1.2" id="path125" style="fill:url(#radialGradient4756-167)"/>
</g>
</g>
</g>
<path d="m 119.8 20.4 c 0 10.2 -8.2 18.4 -18.4 18.4 -10.2 0 -18.4 -8.2 -18.4 -18.4 0 -10.2 8.2 -18.4 18.4 -18.4 10.2 0 18.4 8.2 18.4 18.4 z" id="path127" style="fill:none;stroke:url(#r2)"/>
<text x="0" y="32.6" id="text3950" style="font-size:30px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:url(#p1);fill-opacity:1;stroke:#ffffff;stroke-width:0.3;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Droid Serif;-inkscape-font-specification:Droid Serif Bold Italic">
<tspan x="0" y="32.6" id="tspan3952" style="font-size:30px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:url(#p1);fill-opacity:1;stroke:#ffffff;stroke-width:0.3;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Droid Serif;-inkscape-font-specification:Droid Serif Bold Italic">Zedo</tspan>
</text>
<text x="129.7" y="32.7" id="text3954" style="font-size:30px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:url(#p1);fill-opacity:1;stroke:#ffffff;stroke-width:0.3;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Droid Serif;-inkscape-font-specification:Droid Serif Bold Italic">
<tspan x="129.7" y="32.7" id="tspan3956" style="font-size:30px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:url(#p1);fill-opacity:1;stroke:#ffffff;stroke-width:0.3;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;font-family:Droid Serif;-inkscape-font-specification:Droid Serif Bold Italic">Media</tspan>
</text>
</svg>
Droid Serif is available from Google Fonts, so there's nothing to stop you embedding it from there.
This works in Chrome and Firefox:
#import url(http://fonts.googleapis.com/css?family=Droid+Serif:700italic);
.droid { font-family: 'Droid Serif', serif; }
<svg width="600" height="150" viewBox="0 0 600 150">
<defs>
<pattern patternUnits="userSpaceOnUse"
width="1"
height="1.7"
patternTransform="scale(10,10)"
id="Packedcircles">
<circle fill="#000" cx="0" cy="0.5" r="0.5"/>
<circle fill="#000" cx="1" cy="0.5" r="0.5"/>
<circle fill="#000" cx="0.5" cy="1.4" r="0.5"/>
<circle fill="#000" cx="0.5" cy="-0.4" r="0.5"/>
</pattern>
</defs>
<text style="font-size:100px; font-style:italic;
font-weight:bold; fill:url(#Packedcircles);"
x="20"
y="120"
class="droid">Droid Serif Bold Italic">Zedo</text>
</svg>
Note: If you need further help, don't post a massive wall of code here; provide a minimal, complete, and verifiable example instead.
Related
I need help on the below problem,
Problem:
I have below dataframe. In this dataframe, first row is a title, and first column is also a title column. I have three different rows of 5.0, 10.0, 20.0 in first column (Phi) and I have different values against different values.
df_combined
Phi 0.0 10.0 20.0 30.0 40.0 50.0 60.0 70.0
5.0 -6.7 5.6 -2.7 -1.0 4.4 -6.4 6.3 -4.2
10.0 -3.8 3.1 -1.5 -0.5 2.5 -3.6 3.6 -2.4
20.0 6.3 -5.3 2.6 0.9 -4.2 6.1 -6.0 4.0
5.0 -1.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
10.0 -3.8 3.1 -1.5 -4.5 2.5 -1.6 2.6 -4.4
20.0 6.3 -1.3 2.6 0.9 -4.2 6.1 -7.0 4.0
5.0 -0.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
10.0 -3.8 3.1 -6.5 -2.5 6.5 -8.6 4.6 -3.4
20.0 6.3 -1.3 2.6 3.9 -3.2 4.1 -5.0 9.0
Expected output:
I want my dataframe lookimg like this where values against 5.0 come together. And same for 10.0 and 20.0. I do not want to aggregate or count or addition of these values. I just want these columns come together next to each other.
Phi 0.0 10.0 20.0 30.0 40.0 50.0 60.0 70.0
-6.7 5.6 -2.7 -1.0 4.4 -6.4 6.3 -4.2
5.0 -1.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
-0.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
10.0 -3.8 3.1 -1.5 -4.5 2.5 -1.6 2.6 -4.4
-3.8 3.1 -6.5 -2.5 6.5 -8.6 4.6 -3.4
6.3 -5.3 2.6 0.9 -4.2 6.1 -6.0 4.0
20.0 6.3 -1.3 2.6 0.9 -4.2 6.1 -7.0 4.0
6.3 -1.3 2.6 3.9 -3.2 4.1 -5.0 9.0
I tried groupby function like below,
df_combined2 = df_combined.groupby(df_combined['Phi'])
But got below error,
<pandas.core.groupby.generic.DataFrameGroupBy object at 0x000001BE9EC2BDC0>
What should I do?
sort the values by PHI and then make the repeating values as empty
# sort the dataframe
df=df.sort_values('Phi')
#to make repetitive values under PHI as empty
df['Phi']=df['Phi'].mask(df['Phi'].eq(df['Phi'].shift(1)), "")
df
OR
# sort the dataframe
df=df.sort_values('Phi')
# makes PHI as empty when diff from previous value is 0
df['Phi']=df['Phi'].mask(df['Phi'].diff().eq(0), '')
df
Phi 0.0 10.0 20.0 30.0 40.0 50.0 60.0 70.0
0 5.0 -6.7 5.6 -2.7 -1.0 4.4 -6.4 6.3 -4.2
3 -1.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
6 -0.7 5.6 -6.7 -7.0 1.4 -0.4 3.3 -4.2
1 10.0 -3.8 3.1 -1.5 -0.5 2.5 -3.6 3.6 -2.4
4 -3.8 3.1 -1.5 -4.5 2.5 -1.6 2.6 -4.4
7 -3.8 3.1 -6.5 -2.5 6.5 -8.6 4.6 -3.4
2 20.0 6.3 -5.3 2.6 0.9 -4.2 6.1 -6.0 4.0
5 6.3 -1.3 2.6 0.9 -4.2 6.1 -7.0 4.0
8 6.3 -1.3 2.6 3.9 -3.2 4.1 -5.0 9.0
I am trying to parse some data from Basketball-Reference, but so far I'm unable to do so. Here is my code for getting the raw html data
import requests
from bs4 import BeautifulSoup
url='https://www.basketball-reference.com/teams/DAL/2021/lineups/'
response=requests.get(url=url)
soup=BeautifulSoup(response.content,'html.parser')
>>soup.find(attrs={'id':"all_lineups_5-man_"}).find('table')
That last line gives an error, when it shouldn't. My guess is that it is happening because of the <!-- highlighted in yellow in the picture below. So my question is, how should I approach this?
You could loop through the comments, grab the tables, and then use pandas.
For example:
import pandas as pd
import requests
from bs4 import BeautifulSoup, Comment
from tabulate import tabulate
url = 'https://www.basketball-reference.com/teams/DAL/2021/lineups/'
response = requests.get(url)
soup = BeautifulSoup(
response.content, 'html.parser'
).find_all(text=lambda text: isinstance(text, Comment))
tables = [c for c in soup if "<div" in c]
frames = [pd.read_html(table, flavor="bs4") for table in tables]
print(tabulate(pd.concat(frames[-1])))
pd.concat(frames[-1]).to_csv("table_4.csv", index=False)
Output:
-- --- ------------------------------- ------ ----- ---- ---- ------ ---- ---- ------ ------ ----- ---- ------ ---- ----- ---- ----- ---- ----- ---- ---- ---- ---- ----
0 1 L. Dončić | T. Hardaway 435:01 1.9 1.8 -0.5 0.023 0.3 2.1 -0.012 0.025 -2 -3 0.012 -2.1 -3.9 -0.5 -3.9 -1.5 -3.2 0.8 -0.4 1.2 -1.1 -0.9
1 2 W. Cauley-Stein | L. Dončić 288:50 8.3 5.2 0.4 0.057 0.7 -1.3 0.032 0.06 -2.9 -3.8 -0.003 -0.6 1.2 5.3 1.2 2.5 5.5 0.6 -1.6 3 0.5 -0.8
2 3 L. Dončić | J. Richardson 266:22 -1.5 0 4.2 -0.023 -0.5 6.1 -0.071 -0.029 -1.1 -1 -0.01 -0.7 -3 -3.7 -3 -2.2 -5 -1.4 2.7 0.8 -4.4 -1.1
3 4 D. Finney-Smith | J. Richardson 252:38 -3.3 -0.5 5.1 -0.034 -0.4 5.8 -0.06 -0.04 -1.8 -2 -0.012 0.2 -1 -3.4 -1 -1.5 -3.5 0.3 0.2 0 -3.9 -1.7
4 5 T. Burke | L. Dončić 251:51 -2.2 3.2 1.1 0.03 -1.4 1.6 -0.052 0.021 -7.2 -9.5 -0.008 -3.8 -7 -1.4 -7 -2.8 -6.1 -3.6 0.3 1 -2.5 1.6
5 6 J. Brunson | T. Hardaway 246:37 -4.4 -2.9 -3.9 -0.012 -3.2 -3.8 -0.05 -0.027 4.5 3.7 0.06 -3.8 -8.1 -2.5 -8.1 -3.2 -7.2 -0.6 -1.2 0 -1.2 -1.6
6 7 T. Burke | J. Johnson 242:07 -2.5 2.3 -0.6 0.029 0.2 0.2 0.004 0.03 -7.2 -8.5 -0.042 -3.6 -7.1 -2.1 -7.1 -2.8 -6.2 -2.1 0 1.9 0 2.8
7 8 L. Dončić | D. Finney-Smith 236:07 -3.5 1.6 6.7 -0.019 -0.2 5.3 -0.055 -0.026 -6.4 -6.4 -0.064 -0.4 -2 -2.7 -2 -1.6 -3.6 0.2 0.9 -0.4 -3.1 -0.3
8 9 T. Hardaway | J. Richardson 230:38 -8.2 -0.7 7.3 -0.048 -0.8 8.8 -0.103 -0.059 -6 -5.8 -0.069 0.2 -2.7 -7.2 -2.7 -3.6 -8.3 -1.1 1 0.7 -5.3 0.1
9 10 L. Dončić | J. Johnson 229:11 -7.7 2.1 -1 0.028 -1.9 -1.8 -0.035 0.018 -10 -9.7 -0.11 -4.7 -9.1 -3 -9.1 -3.7 -7.8 -2.8 -0.9 0.8 -0.3 2.1
10 11 D. Finney-Smith | T. Hardaway 225:53 -1 3.8 10.2 -0.011 0 4.5 -0.04 -0.02 -8.6 -8.8 -0.077 0.9 -0.6 -5.2 -0.6 -2.2 -5.1 2.3 0.7 -0.9 -5.1 -0.1
11 12 W. Cauley-Stein | T. Hardaway 215:03 12.3 6 -0.9 0.071 1.8 -4.1 0.085 0.082 -1.4 -3.8 0.056 -1.9 -1.2 4.4 -1.2 1.6 3.4 3.9 -1.3 2.7 -0.4 0.1
12 13 T. Hardaway | J. Johnson 214:53 -2.7 0.3 -4.9 0.029 -0.1 -6.5 0.06 0.033 -3.1 -3.6 -0.017 -4.9 -9.3 -2 -9.3 -3.5 -7.8 -2 -0.2 1.2 1 2.1
13 14 J. Brunson | J. Johnson 190:02 -11.5 -1.6 -3.6 0.001 -4.7 -8.1 -0.052 -0.024 -3.7 -2.3 -0.081 -4.7 -9.6 -3.4 -9.6 -4 -8.7 -2.3 -1.9 0.5 0.5 1.8
14 15 T. Hardaway | K. Porziņģis 188:30 -12.7 -6.6 -3.2 -0.055 -1.1 4.8 -0.074 -0.059 1.7 -2.9 0.192 -3.2 -7.3 -5 -7.3 -4.5 -9 -0.6 -3.2 0.1 0.8 -1.2
15 16 L. Dončić | K. Porziņģis 181:14 -8.8 -2.5 -2.1 -0.017 -2.6 3.3 -0.1 -0.03 -1.1 -6.7 0.19 -2.5 -4.9 -1.7 -4.9 -2.6 -5.4 0.2 -4.1 1.5 1.8 0
16 17 T. Hardaway | D. Powell 178:57 -3.2 -0.7 2.1 -0.019 2 3.1 0.025 -0.009 -3.9 -3 -0.071 -2.4 -6.7 -6.1 -6.7 -4.3 -9.7 -0.7 1.2 0.3 -1.5 -0.1
17 18 T. Burke | T. Hardaway 177:36 -2.2 -2.4 -3.7 -0.008 2 2.8 0.027 0.006 0.5 -0.9 0.047 -3.3 -6 -1.8 -6 -3 -6.2 -6.2 2 1.3 0.7 0.1
18 19 J. Brunson | L. Dončić 165:52 -3.6 -0.8 -7.2 0.029 -4.4 -5.7 -0.077 0.008 2.5 3.1 0 -6.2 -11.6 -0.7 -11.6 -3.5 -7.8 0.2 -1.4 1.8 1.1 -1.6
19 20 L. Dončić | D. Powell 162:30 -5 0.3 2.3 -0.009 1 3 -0.002 -0.005 -6.6 -4.3 -0.119 -4.3 -11.1 -7.3 -11.1 -5.8 -13.2 0.7 2.3 0.7 -4.3 0.2
20 nan Team Average 965:54 -2.1 0.4 0.6 0.002 -0.7 0.8 -0.025 -0.002 -2.2 -2.3 -0.021 -2.1 -4.7 -2.3 -4.7 -2.2 -4.9 -0.4 -0.6 0.5 -1.8 -0.3
-- --- ------------------------------- ------ ----- ---- ---- ------ ---- ---- ------ ------ ----- ---- ------ ---- ----- ---- ----- ---- ----- ---- ---- ---- ---- ----
Sample output for a .csv file:
According to this part of the doc, it is possible to extend the toSVG() method to export custom properties. Unfortunately, it is unclear as if we should override toSVG() itself, or rather the toObject() method.
My problem is, I've used this bit of code
fabric.SHARED_ATTRIBUTES.push('class')
fabric.Path.ATTRIBUTE_NAMES.push('class')
fabric.Image.ATTRIBUTE_NAMES.push('class')
So that my imported SVGs objects would have CSS classes. Unfortunately, when using toSVG(), these classes are nowhere to be found in the generated SVG, therefore resulting in this kind of non-blended SVGs (if you set the CSS mix-blend-mode property to 'multiply' for the paths, you'll see the correct image.
How can I tweak toSVG() so that the class property gets exported in my SVG ? DO I have to modify the toSVG() method for every object in the imported SVG ?
You need to extend _toSVG method from each class where you want to add this extra info.
Here is an example for fabric.Path
var site_url = 'http://s3.eu-central-1.amazonaws.com/balibart-s3/SVGMockups2/59f32980b5d8493ef7f29904/front/Layer.svg';
fabric.SHARED_ATTRIBUTES.push('class')
fabric.Path.ATTRIBUTE_NAMES.push('class')
fabric.Image.ATTRIBUTE_NAMES.push('class')
fabric.Path.prototype._toSVG = (function(_toSVG){
return function(){
var svg = _toSVG.call(this);
if(this.class){
svg.splice(1,0,this.class+'" ');
svg.splice(1,0,'class="');
}
return svg;
}
})(fabric.Path.prototype._toSVG)
canvas = new fabric.Canvas('canvas');
fabric.loadSVGFromString($('#textareaId').val(), function(objects, options) {
var group = new fabric.Group(objects, {
left: 165,
top: 100,
});
canvas.add(group);
canvas.renderAll();
console.log(canvas.toSVG());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.6/fabric.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<canvas id='canvas' width="900" height="300"></canvas>
<textarea rows="4" cols="50" id="textareaId">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="200px" viewBox="0 0 100 200" style="enable-background:new 0 0 100 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#8DC63F;}
</style>
<g xmlns="http://www.w3.org/2000/svg" transform="matrix(1 0 0 1 0.006507237105 4.339693398719)" id="Path-2 back">
<path class="st1" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(105,130,165); fill-rule: nonzero; opacity: 1;" transform=" translate(-499.991507237105, -504.294693398719)" d="M 132 374.47 c 2.83 -8.49 8.24 -16.11 12.09 -24 c 3.94 -8.12 8.42 -16 12.26 -24.14 c 5.49 -11.66 11.3 -23.16 17.19 -34.61 c 5.11 -9.92 9.87 -20 15.12 -29.87 c 4.32 -8.12 8.23 -16.44 12.49 -24.58 c 6.05 -11.54 12.13 -23.07 18.37 -34.51 c 3.44 -6.31 7.58 -12.22 11.26 -18.39 a 78.8 78.8 0 0 1 10 -13.64 a 55.62 55.62 0 0 1 9.49 -7.8 c 15.37 -10.42 31.13 -20.23 47.07 -29.73 a 394.42 394.42 0 0 1 40.24 -20.5 c 10.29 -4.63 20.46 -9.53 31 -13.66 c 0.23 -0.09 0.43 -0.24 0.66 -0.34 c 6.08 -2.74 4.37 -1.12 4.37 2.9 a 118.46 118.46 0 0 0 5 34.94 a 136.89 136.89 0 0 0 11.55 25.35 a 170.25 170.25 0 0 0 16.8 23.3 c 6.22 7.37 12.5 14.67 19.12 21.66 a 103.62 103.62 0 0 0 22.2 17.86 a 129.32 129.32 0 0 0 19.48 9.63 a 71.31 71.31 0 0 0 17.55 4.25 q 5.64 0.67 11.29 1.26 c 14.09 1.45 27.93 0.48 41.46 -3.84 A 101.4 101.4 0 0 0 572 217.18 a 143 143 0 0 0 33.54 -39.24 a 151.79 151.79 0 0 0 11.78 -24.22 c 2.53 -7 3.56 -14.39 4.25 -21.86 c 0.64 -6.91 0.8 -13.8 1 -20.72 c 0 -2.13 0.57 -4.25 0.45 -6.41 s 1.59 -1.84 2.47 -1.42 c 7.84 3.75 16.08 6.4 24.26 9.24 s 16.27 5.85 24.18 9.36 c 7.05 3.13 13.89 6.67 20.62 10.42 c 7.29 4.06 14.4 8.43 21.67 12.52 c 9.29 5.22 18.4 10.65 26.57 17.59 a 222.23 222.23 0 0 0 20 15.12 c 1.92 1.29 2.5 3.46 3.62 5.23 c 4.74 7.54 9.65 15 14 22.78 c 7.24 13 14 26.32 20.4 39.78 c 4.26 8.94 9.11 17.59 13.66 26.4 c 3.88 7.51 7.66 15.07 11.57 22.56 c 6.79 13 13.5 26.06 20.52 38.94 c 6.33 11.62 13 23 19.54 34.57 c 0.8 1.42 3.91 3.45 -0.19 3.73 c -7.89 3.14 -16.31 6.69 -24 10.35 c -7.5 3.59 -14.88 7.56 -22.17 11.58 c -9.14 5 -18.3 10.16 -27.47 15.16 c -9.7 5.29 -19.38 10.61 -29 16.07 c -14.42 8.19 -28.3 17 -42.27 26 c -0.35 0.22 -2.59 2.12 -2.92 2.38 c -3.43 2.72 -2.21 1.1 -5.85 -1.22 a 8.71 8.71 0 0 0 -3.28 -1.6 c 0.48 4.22 -0.28 8.29 -0.48 12.4 c -0.43 8.72 -0.11 17.45 -0.53 26.15 c -0.6 12.44 -0.6 24.88 -1 37.31 c -0.44 13.1 -0.71 26.21 -1 39.31 c -0.12 4.88 0.1 9.8 -0.43 14.65 c -0.78 7.22 0 14.46 -0.48 21.66 c -0.79 12.51 -0.75 25 -1.09 37.56 c -0.14 5.22 0.11 10.47 -0.44 15.65 c -0.79 7.56 0 15.13 -0.5 22.66 c -0.43 6 0 12 -0.52 17.9 c -0.61 7.1 -0.14 14.18 -0.43 21.25 c -0.53 12.6 -0.86 25.2 -1.13 37.81 c -0.11 5.38 0.07 10.79 -0.39 16.15 c -1 11.13 -0.13 22.28 -0.48 33.41 a 43.23 43.23 0 0 0 1.08 11.29 c 0.91 3.89 0.38 7.69 -0.27 11.51 a 12.52 12.52 0 0 0 -0.27 1.45 c -0.83 16.71 -0.62 33.44 -0.39 50.15 a 109.17 109.17 0 0 0 1.74 15 a 43 43 0 0 1 -0.47 12.82 c -0.16 1.05 -1.4 1.55 -2.65 1.75 a 34.36 34.36 0 0 1 -12.06 0 a 9.25 9.25 0 0 0 -2 0 c -11.79 0.29 -23.52 -1.14 -35.31 -1.18 c -5.36 0 -10.79 0.09 -16.15 -0.37 c -9.22 -0.79 -18.46 0.07 -27.65 -0.57 c -7.07 -0.49 -14.12 0 -21.16 -0.4 c -20.46 -1.08 -40.94 0 -61.4 -0.6 c -5.89 -0.17 -11.81 0.12 -17.65 -0.48 a 105.12 105.12 0 0 0 -15.66 -0.33 c -16 0.74 -32 -0.11 -47.9 0.55 c -11.56 0.48 -23.11 0.12 -34.66 0.37 c -11.07 0.23 -22.1 1 -33.12 2 c -3.46 0.29 -6.94 0.19 -10.41 0.4 c -5.53 0.34 -11.11 0.43 -16.64 0.76 c -7.88 0.48 -15.77 1 -23.64 1.67 c -5.9 0.53 -11.81 1.74 -17.79 1.17 a 42.11 42.11 0 0 1 -6 -1 a 2.54 2.54 0 0 1 -2 -2 c -0.42 -4.59 -1 -9.17 -0.16 -13.81 c 0.49 -2.58 0.25 -5.26 0.5 -7.9 c 0.37 -3.93 1.44 -7.8 1.17 -11.79 c -0.37 -5.66 0.5 -11.36 -0.52 -17 a 11.29 11.29 0 0 1 0 -2 c 0 -23.92 -0.38 -47.84 0.14 -71.74 c 0.31 -14.22 -0.22 -28.45 0.47 -42.65 c 0.4 -8.23 -0.11 -16.46 0.44 -24.66 c 0.9 -13.22 -0.16 -26.46 0.53 -39.65 c 0.67 -12.64 0.29 -25.27 0.38 -37.91 c 0.13 -18.85 0.4 -37.71 -0.11 -56.55 c -0.3 -10.92 0.07 -21.84 -0.4 -32.75 c -0.41 -9.55 -0.06 -19.12 -0.56 -28.65 c -0.72 -13.73 -0.11 -27.44 -0.4 -41.16 c -0.21 -10 -0.47 -20 -1.29 -30.35 c -0.91 1.32 -0.77 2 -1.84 1.38 c -6.73 -3.84 -14.48 -8.45 -21.29 -12.13 c -5 -2.71 -10 -5.37 -15.27 -7.7 c -4.62 -2.06 -9.07 -4.52 -13.71 -6.56 c -9.35 -4.1 -18.75 -8.1 -27.93 -12.54 q -8.46 -4.09 -16.79 -8.48 c -7.35 -3.87 -14.92 -7.33 -22.5 -10.72 c -5.21 -2.33 -10.6 -4.28 -15.93 -6.34 c -7 -2.69 -14 -5.28 -21 -8 C 138.52 377.06 134.83 375.72 132 374.47 Z" stroke-linecap="round"/>
</g>
</svg>
</textarea>
You can override the existing toSVG function like this.
var circle = new fabric.Circle ({
radius: 40,
left: 50,
top: 50,
fill: 'rgb(0,255,0)',
opacity: 0.5,
id: 'hello'
});
circle.toSVG = (function(toSVG) {
return function(){
var svgString = toSVG.call(this);
var domParser = new DOMParser();
var doc = domParser.parseFromString(svgString, 'image/svg+xml');
var parentG = doc.querySelector('circle')
parentG.setAttribute('id', this.id);
return doc.documentElement.outerHTML;
}
})(circle.toSVG)
I have an svg that I'm creating using a layer with a transformation.
I'm trying to create a pattern based on an image to fill it as background, but the background is coming out very strange:
Can someone please help me figure what's going on with this svg, and how can I make the background "tile properly and fill all my paths that I want to fill with it"?
The background image is 1000 on 614 so it's very big.
here is my svg:
<div id="map_22" class="citysvg" style="background-color:gray;">
<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"
version="1.1"
viewBox="0 0 500 500" id="svg22">
<defs>
<pattern id="grass" patternUnits="objectBoundingBox" width="1" height="1">
<image xlink:href="park.jpg" x="0" y="0" width="100" height="100" />
</pattern>
</defs>
<metadata id="metadata7">
<rdf:rdf>
<cc:work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type>
<dc:title></dc:title>
</cc:work>
</rdf:rdf>
</metadata>
<g transform="translate(0,-592.36218)" id="layer1">
<path d="m319.4 1045.24c-0.56-0.22-3.46-2.24-6.44-4.49-6.78-5.1-6.83-5.33-2.06-8.55 2.66-1.79 3.75-2.27 5.19-2.27 1.39 0 1.97 0.24 2.46 1.01 0.77 1.22 4.8 12.99 4.8 14.02 0 0.82-2.19 0.97-3.95 0.27z" id="352" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5183">
в.з.Бункера
</title>
</path>
<path d="m278.11 1040.61c-1.65-1.54-4.37-4.83-6.05-7.3-1.68-2.48-3.21-4.68-3.4-4.89-0.44-0.5-2.12 0.39-3.88 2.05-1.65 1.56-2.43 1.31-4.25-1.33l-1.08-1.58-3.12 0.29c-2.01 0.19-3.57 0.61-4.38 1.18-1.86 1.32-2.41 1.16-2.04-0.57 0.69-3.25 0.78-5.88 0.23-6.89-0.76-1.42 0.16-7.6 1.62-10.9 1.03-2.33 1.15-2.44 2.42-2.16 1.45 0.32 3.65-0.77 3.65-1.79 0-0.31-0.74-2.57-1.65-5.02-1.45-3.91-2-4.8-4.52-7.38-2.15-2.21-2.87-3.26-2.87-4.22 0-0.75-0.58-2.01-1.42-3.06-1.07-1.35-1.29-1.91-0.89-2.31 0.4-0.4 0.74-0.39 1.43 0.04 1.21 0.75 1.92 0.29 1.31-0.84-0.62-1.16 0.16-2.66 1.25-2.4 0.46 0.11 1.54-0.44 2.55-1.3 1.57-1.34 1.7-1.6 1.22-2.49-0.29-0.55-0.41-1.2-0.26-1.44 0.41-0.66 8.03-0.55 8.96 0.13 0.72 0.53 0.66 0.8-0.8 3.72-1.34 2.68-1.53 3.42-1.25 4.95 0.29 1.63 0.58 1.94 3.03 3.25 2.2 1.18 3.23 1.45 5.49 1.46 2.67 0.01 2.83-0.06 4.11-1.64l1.33-1.66 1.96 1.83 1.96 1.83-0.85 1.29c-1.06 1.63-9.01 10.61-11.48 12.99-1.69 1.62-1.86 1.98-1.86 4.06 0 2.05 0.15 2.39 1.56 3.51 0.86 0.68 1.92 1.24 2.37 1.24 1.11 0 3.44 1.59 3.78 2.57 0.21 0.61 0.68 0.76 1.93 0.66 1.25-0.11 1.65 0.03 1.65 0.56 0 0.46-0.85 0.95-2.48 1.42-2.34 0.68-2.48 0.8-2.48 2.16 0 0.79-0.19 2.1-0.42 2.91-0.28 0.96-0.26 1.94 0.04 2.81 0.41 1.18 0.68 1.34 2.28 1.34 1.76 0 1.8 0.04 1.47 1.24-0.67 2.47-0.25 3.74 2.17 6.53 1.3 1.5 3.75 3.61 5.45 4.7 2.57 1.65 3 2.09 2.54 2.64-1.2 1.45-3.22 0.76-6.36-2.18z" id="441" fill="#DAC1A7" cursor="pointer">
<title id="title6240">
Area 1
</title>
</path>
<path d="m301.64 1036.65c-0.64-1.2-1.21-0.6 11.37-12 5.68-5.15 10.33-9.51 10.33-9.68 0-0.18-0.86-1.13-1.92-2.13-2.27-2.14-3.52-2.29-6.57-0.76-1.47 0.74-3.18 1.13-5.54 1.28-2.75 0.17-3.96 0.5-6.25 1.72-2.35 1.25-2.91 1.4-3.25 0.86-1.17-1.8-0.94-2.54 2.27-7.07 3.83-5.42 4.1-6.82 1.61-8.28-1.84-1.08-1.89-1.4-0.68-4.22 0.5-1.16 0.9-2.61 0.9-3.24l0-1.14 3.5 0.27c1.93 0.15 13.06 0.7 24.73 1.22 18.56 0.83 22.73 1.19 21.88 1.91-0.11 0.09-1.64 1-3.4 2.01-3.72 2.15-3.79 2.21-5.12 5.58-0.86 2.16-1.92 3.42-6.68 8-4.58 4.4-5.92 5.43-6.97 5.43-0.82 0-3.85 1.45-8.06 3.86-5.62 3.21-7.17 4.34-9.27 6.72-1.38 1.57-3.83 3.71-5.43 4.75-2.61 1.7-2.92 2.05-2.92 3.38 0 1.25-0.22 1.56-1.42 1.97-2.01 0.7-2.54 0.62-3.12-0.44zM386.32 1035.45" id="847" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5179">
Area 2
</title>
</path>
<path d="m386.32 1035.45c-0.43-2.3-1.89-4.17-3.25-4.17-0.6 0-1.81 0.62-2.67 1.38-1.48 1.3-1.62 1.34-2.41 0.63-0.81-0.73-0.8-0.82 0.1-3.07 2.44-6.11 2.76-7.11 2.37-7.49-0.23-0.22-1.39-0.67-2.59-0.98l-2.18-0.58-2.02 2.13c-2.16 2.28-2.29 2.34-3.32 1.69-0.55-0.35-0.23-0.88 1.79-2.92l2.47-2.49-2.58-2.29c-2.5-2.22-3.24-3.57-1.95-3.57 0.35 0 0.75-0.31 0.9-0.7 0.21-0.55 0.46-0.59 1.18-0.21 0.63 0.34 1.18 0.34 1.78 0.02 0.59-0.31 2.22-0.33 5-0.04 2.53 0.26 4.55 0.27 5.23 0.01 1.46-0.55 3.39-0.12 4.91 1.08l1.24 0.98-2.08 4.69-2.08 4.69 0.48 3.51c0.27 1.93 0.88 4.66 1.37 6.07 1.12 3.24 1.11 3.32-0.23 3.32-0.92 0-1.16-0.28-1.43-1.69z" id="854" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5185">
Area 4
</title>
</path>
<path d="m319.81 1029.7c-0.4-0.88-0.85-1.13-2.03-1.13-2.05 0-2.24-0.32-1.1-1.86 0.89-1.21 13.99-8.95 15.14-8.95 0.26 0 1.01 0.9 1.65 2.01 0.65 1.1 1.62 2.32 2.17 2.7l0.99 0.69-1.39 1.47c-0.77 0.81-1.63 1.93-1.92 2.48-0.43 0.84-0.9 1.01-2.7 1.01-1.2 0-2.8-0.22-3.57-0.49-1.28-0.45-1.6-0.33-3.84 1.35-1.34 1.01-2.54 1.84-2.66 1.84-0.12 0-0.46-0.51-0.74-1.13z" id="848" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5181">
Area 5
</title>
</path>
<path d="m230.71 1020.28c-0.89-1.67-0.96-2.1-0.46-2.7 0.69-0.83 2.83-0.94 4.17-0.23 1.11 0.59 0.83 2.34-0.63 3.91-1.35 1.44-1.88 1.28-3.08-0.97z" id="850" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5175">
Area 6
</title>
</path>
<path d="m245.19 1017.7c-0.98-0.4-6.24-1.25-12.59-2.04-1.2-0.15-2.39-0.02-3.05 0.33-0.95 0.5-1.17 0.47-1.74-0.29-0.36-0.48-0.68-1.58-0.7-2.44-0.05-2.15-1.54-3.23-6.56-4.72-5.96-1.78-7.12-2.22-7.31-2.77-0.39-1.16 4.56-5.62 9.51-8.56 7.02-4.17 9.73-6.04 9.96-6.88 0.11-0.4 0.31-1.43 0.46-2.3 0.18-1.05 2.77-5.13 7.73-12.17 4.1-5.82 7.66-10.66 7.91-10.74 0.25-0.08 1.39 0.4 2.54 1.07l2.08 1.22-0.31 2.98c-0.17 1.66-0.62 3.32-1 3.75-0.6 0.66-0.61 1-0.1 2.4 0.77 2.13 0.16 3.16-1.9 3.19-1.33 0.02-1.61 0.25-2.34 1.91-0.45 1.04-1.02 1.89-1.25 1.89-0.23 0-0.72 0.58-1.09 1.28-0.63 1.22-0.6 1.36 0.65 2.82 0.79 0.92 1.32 2.06 1.33 2.87 0.01 1.02 0.69 2.03 2.89 4.28 2.43 2.49 3.09 3.53 4.29 6.79 1.81 4.9 1.83 5.59 0.18 5.2-0.68-0.16-1.54-0.34-1.9-0.39-1.09-0.16-3.55 5.65-4.3 10.15-0.3 1.83-1.1 2.11-3.4 1.18z" id="851" fill="#ADD6A8" cursor="pointer">
<title id="title5173">
Area 7
</title>
</path>
<path d="m208.49 1003.05-2.59-2.01 1.01-1.36c0.97-1.31 1.11-1.35 3.5-1.08 2.86 0.33 4.97 1.05 4.97 1.71 0 0.48-2.97 3.96-3.81 4.46-0.27 0.16-1.65-0.61-3.08-1.71zM200.91 1002" id="849" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5171">
Area 8
</title>
</path>
<path d="m200.91 1002c-0.87-0.47-1.93-0.96-2.36-1.09-0.51-0.15-0.68-0.49-0.5-0.97 0.21-0.55 0.66-0.68 1.76-0.5 1.04 0.17 1.67 0.02 2.15-0.52 0.75-0.85 2.04-5.34 2.23-7.74 0.11-1.46 0.22-1.57 1.47-1.46 3.41 0.3 4.51 1.46 5.03 5.25l0.28 2.06-2.02 0c-1.93 0-2.1 0.11-3.9 2.53-1.04 1.39-1.88 2.71-1.88 2.93 0 0.57-0.48 0.46-2.26-0.51z" id="857" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5169">
Area 10
</title>
</path>
<path d="m214.39 998.11c-1.48-0.61-1.72-0.95-2.16-2.97-0.65-3.04-2.14-5.59-3.59-6.16-0.65-0.25-2.13-0.59-3.29-0.75-1.92-0.27-2.18-0.45-2.79-1.98-0.41-1.02-2.11-3.02-4.28-5.02-3.24-3-3.63-3.54-3.88-5.38-0.26-1.88-0.15-2.19 1.33-3.92 0.89-1.03 2.04-2.85 2.57-4.04 0.53-1.19 1.46-2.96 2.07-3.93 0.61-0.97 1.55-3.1 2.1-4.73 0.91-2.74 0.95-3.33 0.51-7.56-0.26-2.52-0.63-4.74-0.82-4.93-0.19-0.19-1.13 0.42-2.08 1.35l-1.73 1.69-2.89-1.37c-1.59-0.76-3.75-1.59-4.81-1.85-1.06-0.26-1.92-0.7-1.92-0.99 0-0.28 1.47-2.8 3.28-5.6 2.39-3.72 3.48-5.05 4.05-4.93 0.8 0.17 47.98 26.78 50.14 28.28l1.22 0.84-7.44 10.58c-7.55 10.73-8.32 12.02-8.32 13.96 0 0.78-0.65 1.56-2.37 2.82-3.2 2.34-11.76 7.31-12.57 7.28-0.36-0.01-1.4-0.33-2.31-0.71z" id="368" fill="#DAC1A7" cursor="pointer">
<title id="title5093">
Area 11
</title>
</path>
<path d="m396.08 998.37c-1.86-0.19-5.01-0.87-7-1.53-1.99-0.66-5.22-1.48-7.18-1.84-1.96-0.35-3.66-0.74-3.78-0.86-0.12-0.12 0.24-2.06 0.8-4.31l1.01-4.09-1.27-4.78c-1.25-4.69-1.33-4.84-4.81-8.84-2.13-2.45-3.46-4.35-3.34-4.78 0.11-0.39 0.33-1.37 0.49-2.18 0.36-1.77 1.02-1.83 6.32-0.58 3.96 0.94 4.48 0.79 4.91-1.34 0.26-1.29 0.36-1.34 2.76-1.34 1.37 0 3.4 0.24 4.52 0.54 1.86 0.5 2.15 0.46 3.38-0.45 0.74-0.55 1.45-0.99 1.58-0.99 0.13 0 1.09 0.92 2.13 2.05 1.04 1.13 2.11 1.99 2.38 1.91 1.29-0.35 6.57-3.8 6.58-4.31 0.03-2.02-5.78-11.12-10.57-16.55-3.9-4.43-2.14-3.92 7.9 2.29 5.07 3.14 10.34 6.66 11.71 7.83 2.98 2.55 4.08 3.17 5.62 3.17 1.48 0 1.47 0.75-0.03 2.31-1.64 1.7-1.96 3.71-2.38 14.59l-0.37 9.46-1.94 3.83c-1.64 3.23-1.93 4.2-1.85 6.2l0.09 2.37-3.33 0c-3.11 0-3.41 0.09-4.63 1.35-1.44 1.49-2.54 1.59-9.71 0.88z" id="364" fill="#DAC1A7" fill="#DAC1A7">
<title id="title5143">
area 12
</title>
</path>
<path d="m365.36 993.37c-2.61-0.21-5-0.48-5.31-0.6-0.31-0.12-0.56-0.8-0.56-1.52 0-2.19-5.72-13.49-8.2-16.22-1.28-1.4-2.19-2.83-2.19-3.43 0-0.9 0.29-1.07 2.21-1.32l2.21-0.29 0.31-2.03c0.27-1.81 0.49-2.11 1.97-2.7 1.1-0.44 1.97-1.23 2.57-2.35 0.62-1.16 1.26-1.73 2.04-1.82 1.67-0.19 3.76-4.01 3.36-6.14-0.22-1.19-0.6-1.66-1.6-2.01-1.33-0.46-1.68-1.12-0.86-1.63 0.79-0.49 0.5-7.62-0.47-11.79-0.96-4.1-0.85-6.46 0.31-6.46 0.87 0 10.68 2.76 11.11 3.13 0.18 0.16-0.06 2.71-0.54 5.67-1.11 6.85-1.98 14.93-1.69 15.7 0.15 0.4 2.04 0.77 5.8 1.15 3.07 0.31 5.63 0.61 5.7 0.68 0.19 0.19-0.68 3.88-0.98 4.18-0.14 0.14-2.44-0.18-5.1-0.71-2.66-0.53-4.98-0.82-5.15-0.63-0.17 0.19-0.53 1.63-0.8 3.22l-0.49 2.88 3.56 4.08c3.48 3.99 3.58 4.18 4.79 8.71l1.23 4.63-1.01 4.07-1.01 4.07-3.22-0.06c-1.77-0.03-5.36-0.24-7.97-0.45z" id="path3352"
fill="url(#grass)">
<title id="title5213">
area 883
</title>
</path>
<path d="m336.67 992.23c-7.45-0.35-13.81-0.72-14.12-0.82-0.31-0.11-0.56-0.9-0.56-1.77 0-2.33 6.34-10.96 8.58-11.69l1.58-0.51 0-6.02 0-6.02-1.69-1.46c-0.93-0.8-1.69-1.59-1.69-1.75 0-0.16 2.97-0.29 6.59-0.29l6.59 0-0.15-2.59-0.15-2.59 3.53-0.13c2.94-0.11 4.33 0.11 8.24 1.31 2.84 0.87 4.71 1.68 4.71 2.03 0 1.72-1.56 3.73-3.45 4.45-1.68 0.64-1.97 0.93-1.97 2.03 0 2.34-0.37 2.7-2.76 2.7l-2.21 0 0 2.16c0 2 0.17 2.32 2.3 4.39 1.82 1.76 2.92 3.51 5.2 8.27 1.78 3.71 2.89 6.62 2.89 7.55l0 1.51-3.95-0.06c-2.17-0.04-10.05-0.35-17.51-0.7z" id="413" fill="#DAC1A7" fill="#DAC1A7">
<title id="title5139">
area 009343
</title>
</path>
<path d="m315.78 991.31c-2.16-0.16-2.37-0.27-2.37-1.26 0-1.28 1.16-2.02 2.98-1.89 1.17 0.08 1.37-0.11 1.99-1.99 0.38-1.14 1.45-3 2.38-4.13 0.93-1.13 1.69-2.23 1.69-2.45 0-0.22-0.8-1.18-1.79-2.14-1.71-1.67-1.94-1.75-5.31-1.94l-3.52-0.2-4.39 4.12c-3.63 3.41-4.44 4.41-4.66 5.79-0.66 4.08-0.35 3.8-3.73 3.46-3.73-0.37-5.92-0.93-7.07-1.8-0.84-0.64-0.72-0.89 3.16-6.6 4.16-6.1 5.55-8.78 5.6-10.74 0.01-0.62-1.11-6.9-2.49-13.97l-2.52-12.84 2.26-2.03c2.12-1.91 2.29-2.22 2.77-5.18 0.45-2.81 0.73-3.39 2.54-5.29 1.12-1.18 2.23-2.14 2.47-2.14 0.24 0 2.64 0.71 5.33 1.58 4.29 1.38 6.33 1.85 6.41 1.46 0.01-0.06 0.37-2.04 0.79-4.39l0.77-4.28 1.81 0 1.81 0 0.13 2.82c0.12 2.5-0.08 3.29-1.76 6.98-1.7 3.74-1.9 4.56-2.01 8.11-0.1 3.4-0.27 4.16-1.22 5.41-0.76 1-1.21 2.33-1.42 4.27-0.31 2.78-0.3 2.82 0.8 2.82 1.66 0 2.54 0.45 2.54 1.31 0 0.42 0.79 1.53 1.76 2.48 1.71 1.66 1.82 1.7 3.41 1.18 2.5-0.82 2.83-0.5 2.61 2.54-0.19 2.63-0.18 2.64 1.66 4.12l1.85 1.49 0 5.15 0 5.15-1.51 0.63c-2.3 0.96-8.53 9.72-8.86 12.45-0.27 2.26-0.28 2.27-4.87 1.93z" id="path3348" fill="#2b8028">
<title id="title5211">
area 18 </title>
</path>
<path d="m198.66 990.09c-1.38-0.5-1.58-0.76-1.58-2.1 0-1.26-0.29-1.71-1.69-2.62-1.81-1.18-2.13-2.25-0.98-3.39 1.05-1.04 1.55-0.89 3.97 1.17 2.13 1.82 3.9 4.87 3.9 6.72 0 1.02-1.21 1.09-3.61 0.22zM303.76 990.38" id="845" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5167">
area 14
</title>
</path>
<path d="m303.76 990.38c-0.12-0.19-0.06-1.65 0.13-3.25l0.34-2.9 4.02-3.76 4.02-3.76 3.07 0.19c2.42 0.15 3.31 0.41 4.18 1.23 0.61 0.57 1.11 1.26 1.1 1.52 0 0.27-0.7 1.36-1.55 2.42-0.85 1.07-1.68 2.54-1.84 3.27-0.23 1.04-0.54 1.33-1.43 1.33-1.67 0-3.76 1.65-3.76 2.96 0 1.08-0.06 1.1-4.04 1.1-2.22 0-4.14-0.16-4.25-0.35z" id="841" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5177">
area 225
</title>
</path>
<path d="m179.26 985.13c-1.03-1.1-0.95-2.06 0.17-2.06 0.67 0 1.15-0.96 1.15-2.3 0-0.48 0.25-1.29 0.56-1.79 0.49-0.81 0.41-1.06-0.7-2.02-0.84-0.73-1.38-1.74-1.59-3.01-0.3-1.74-0.46-1.93-1.76-2.06-1.98-0.19-3.12 0.53-3.73 2.37-0.28 0.86-0.91 1.68-1.39 1.84-0.48 0.15-0.88 0.57-0.88 0.92 0 1.32-1.36 0.58-2.5-1.37-1.23-2.09-1.17-2.94 0.19-2.94 0.86 0 2.76-1.77 2.76-2.58 0-0.27-0.36-1.12-0.79-1.87-0.74-1.29-0.75-1.45-0.03-2.63 0.65-1.07 1.17-1.3 3.61-1.61 1.57-0.2 2.97-0.5 3.12-0.68 0.15-0.17 0.5-1.62 0.78-3.21 0.41-2.3 0.83-3.23 2.06-4.51 1.27-1.33 1.51-1.86 1.32-3.04l-0.23-1.43 2.78-0.55c2.35-0.46 2.88-0.75 3.46-1.86 0.6-1.16 0.86-1.29 2.13-1.05 0.79 0.15 3.02 1.02 4.95 1.93 3.5 1.65 3.51 1.65 4.89 0.84 0.76-0.45 1.49-0.7 1.63-0.56 0.14 0.14 0.35 1.64 0.48 3.34 0.24 3.36-0.68 7.5-2.13 9.55-0.44 0.63-1.46 2.45-2.27 4.07-0.81 1.61-2.18 3.81-3.06 4.89l-1.6 1.96 0.69 3.22c0.66 3.05 0.65 3.27-0.16 4.3-0.47 0.59-0.85 1.38-0.85 1.75 0 1.1-3.48 0.29-5.45-1.27-1.7-1.34-1.71-1.34-3.32-0.58-1.36 0.65-1.62 1-1.62 2.23 0 3.03-0.93 3.65-2.68 1.79zM272.62 976.13" id="383" fill="#ADD6A8" cursor="pointer">
<title id="title5165">
area 53
</title>
</path>
<path d="m272.62 976.13c-9.14-5.02-16.83-9.34-17.08-9.59-0.31-0.31-0.13-4.44 0.56-12.72 1.12-13.56 0.95-13.03 4.3-13.23 1.52-0.09 1.69 0.02 2.05 1.36 0.38 1.43 0.45 1.47 2.98 1.5 6.26 0.09 7.21 0.41 13.82 4.6 3.41 2.16 6.5 3.93 6.86 3.93 1.06 0 3.04-4.83 3.33-8.11l0.26-2.93 1.93-0.4c1.06-0.22 2.04-0.3 2.17-0.17 0.13 0.13 1.48 6.67 3.01 14.54 2.49 12.86 2.72 14.5 2.25 16.24-0.55 2.05-8.57 14.18-9.35 14.13-0.25-0.02-7.93-4.14-17.07-9.16z" id="406" fill="#DAC1A7" cursor="pointer">
<title id="title5099">
area 051
</title>
</path>
<path d="m272.34 306.5-3.75 1.06c-2.06 0.58-6.16 1.76-9.09 2.66-7.52 2.3-9.29 2.44-13.25 1-2.73-0.99-3.97-1.16-8.16-1.16l-4.94 0L231.25 318c-1.6 6.64-1.95 8.96-2.16 14.09-0.23 5.82-0.34 6.35-2.06 10.72-1.86 4.71-4.13 12.76-3.72 13.19 0.12 0.13 6.78 4.03 14.78 8.66 8 4.62 14.7 8.41 14.88 8.44 0.71 0.1 0.93-1.4 1.81-12.69 0.51-6.5 1.1-12.04 1.31-12.31 0.21-0.27 1.51-0.76 2.88-1.06 1.37-0.31 2.5-0.74 2.5-1 0-0.26-0.33-1.68-0.72-3.16l-0.69-2.72 1.31-2.31c1.16-2.07 1.32-2.89 1.56-7.5 0.25-4.83 0.39-5.47 2.06-9.03 1.57-3.33 2.22-4.16 5-6.47 2.93-2.43 3.19-2.8 3.19-4.37 0-0.94-0.17-2.22-0.41-2.84l-0.44-1.12zm-22 42.13c0.39 0.01 0.71 0.03 1.03 0.16 0.32 0.13 0.59 0.41 0.72 0.69 0.13 0.28 0.19 0.53 0.25 0.84 0.32 1.55 0.43 3.07 0.34 4.38-0.08 1.31-0.33 2.4-0.91 3.19-0.27 0.36-0.53 0.68-0.81 0.94-0.14 0.13-0.29 0.25-0.44 0.34-0.15 0.09-0.32 0.19-0.62 0.19-0.28-0.01-0.45-0.1-0.69-0.19-0.23-0.09-0.47-0.2-0.75-0.34-0.55-0.28-1.2-0.65-1.81-1.03-0.61-0.38-1.18-0.77-1.62-1.12-0.22-0.18-0.44-0.34-0.59-0.5-0.08-0.08-0.15-0.18-0.22-0.28-0.07-0.1-0.16-0.23-0.16-0.5 0-0.21 0.05-0.32 0.09-0.53 0.04-0.21 0.11-0.48 0.19-0.78 0.15-0.6 0.34-1.34 0.56-2.09l0.81-2.69 0.16-0.47 0.47 0 2.53-0.16c0.61-0.03 1.08-0.04 1.47-0.03z" transform="translate(0,592.36218)" id="354" fill="#DAC1A7" cursor="pointer">
<title id="title3391">
area 888
</title>
</path>
<path d="m248.94 942.36-2.09 0.13-0.66 2.25c-0.22 0.73-0.42 1.46-0.56 2.03-0.07 0.29-0.12 0.53-0.16 0.72-0.02 0.08-0.02 0.07-0.03 0.13 0.09 0.09 0.23 0.2 0.41 0.34 0.39 0.31 0.95 0.7 1.53 1.06 0.58 0.37 1.19 0.72 1.69 0.97 0.25 0.13 0.49 0.22 0.66 0.28 0.12 0.05 0.13 0.05 0.16 0.06 0.05-0.03 0.11-0.08 0.19-0.16 0.19-0.17 0.44-0.43 0.66-0.72 0.3-0.41 0.55-1.34 0.63-2.5 0.07-1.16-0.02-2.56-0.31-4-0.06-0.3-0.13-0.5-0.16-0.56-0.08-0.03-0.72-0.1-1.94-0.03z" id="834" fill="#DAC1A7" fill="#DAC1A7">
<title id="title3393">
area 8883
</title>
</path>
<path d="m166.38 964.45c-0.92-0.67-0.89-0.76 1.49-4.01 1.21-1.65 2.19-2.36 4.81-3.5 2.6-1.13 3.6-1.85 4.72-3.42 1.6-2.22 2.08-2.42 2.52-1.04 0.22 0.7-0.08 1.34-1.17 2.46-1.14 1.17-1.59 2.16-1.99 4.35l-0.51 2.83-2.56 0.13c-2.25 0.12-2.68 0.3-3.51 1.46-1.03 1.45-2.45 1.72-3.8 0.73zM157.51 960.66" id="843" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5163">
area 32
</title>
</path>
<path d="m157.51 960.66c-3.91-4.18-6.99-6.42-8.83-6.42-0.81 0-1.62-0.24-1.8-0.53-0.54-0.86-0.65-8.07-0.16-9.81 0.25-0.88 0.93-2.18 1.52-2.88l1.06-1.29 2.65 0.78c2.14 0.62 3.59 0.72 7.45 0.48 5.73-0.35 9.82 0.47 13.13 2.64 1.65 1.08 2.43 2.05 3.59 4.42l1.47 3.03-1.35 1.66c-0.88 1.09-2.35 2.09-4.24 2.89-2.28 0.97-3.33 1.76-4.94 3.75-1.93 2.38-4.66 4.32-6.06 4.32-0.35 0-1.91-1.37-3.47-3.04z" id="855" fill="#ADD6A8" fill="#ADD6A8">
<title id="title5161">
area 99
</title>
</path>
<path d="m396.74 961.22c-0.92-1.12-1.93-2.03-2.25-2.03-0.32 0-1.21 0.52-1.96 1.15-1.24 1.04-1.54 1.11-3.08 0.68-0.94-0.26-2.76-0.48-4.05-0.48-2.22 0-2.35-0.07-2.48-1.24-0.16-1.35 0.05-1.3-8.64-2.14l-3.07-0.3 0.28-3.23c0.44-5.16 2.08-15.81 2.49-16.24 0.22-0.23 2.58 0.48 5.49 1.64 4.87 1.94 5.22 2.01 7.4 1.56l2.29-0.47 2.04 2.21c4.53 4.91 5.78 6.42 8.17 9.87 2.98 4.29 4.56 7.31 4.26 8.09-0.22 0.56-4.13 2.94-4.84 2.94-0.2 0-1.11-0.91-2.03-2.03z" id="860" fill="#EDDFD0" fill="#EDDFD0">
<title id="title5141">
area 8832
</title>
</path>
<path d="m330.42 960.21-1.74-0.18 0.32-2.11c0.38-2.5 12.75-30.27 13.5-30.28 0.28 0 4.14 1.06 8.57 2.37l8.06 2.37-0.27 1.7c-0.17 1.07 0.07 3.02 0.64 5.26 1.11 4.34 1.22 10.29 0.23 12.2-0.68 1.31-0.68 1.32 1.13 2.24 2.04 1.04 2.34 2.23 1 3.96l-0.8 1.03-5.95-1.82c-5.29-1.62-6.46-1.82-10.55-1.82l-4.6 0 0.31 2.7 0.31 2.7-4.2-0.08c-2.31-0.04-4.98-0.16-5.94-0.26zM322.07 955.45" id="412" fill="#DAC1A7" fill="#DAC1A7">
<title id="title5137">
area 993
</title>
</path>
<path d="m322.07 955.45c-0.54-0.57-0.98-1.58-0.98-2.23 0-1.04-0.2-1.2-1.69-1.32-1.68-0.14-1.69-0.16-1.61-2.02 0.05-1.17 0.53-2.56 1.29-3.7 1.04-1.57 1.22-2.36 1.33-5.78 0.11-3.48 0.33-4.4 1.8-7.57 1.27-2.72 1.74-4.41 1.93-6.87 0.29-3.75 0.11-3.66 4.95-2.58 5.21 1.16 11.07 3.06 11.29 3.65 0.12 0.31-2.6 6.86-6.03 14.56-6.17 13.82-6.27 14.01-7.83 14.44-2.41 0.68-3.36 0.55-4.44-0.59z" id="411" fill="#DAC1A7" fill="#DAC1A7">
<title id="title5135">
area 9923403
</title>
</path>
</g>
</svg>
Just add this to your image element
preserveAspectRatio="xMinYMin slice"
If you specify that the pattern has to be 100% of the width/height - which you do with patternUnits="objectBoundingBox" and x="1" y="1" then it's going to center the image and fit to the greater of width/length. Because your image is wide and short, it's going to fit to the width and make the top and bottom of your pattern blank. You can over-ride the default behavior by specifying "slice" - which fits to the smaller of width/height and covers the whole space, cropping the edges of the longer dimension, without changing aspect ratio.
With the following function:
=FREQUENCY(C2:C724,D2:D37)
The second parameter is the BIN
What I don't understand is why Excel would increment the BIN for the rest of your values. The BIN does not change! It stays the same bin. Yet when I paste the formula for all my values it does this:
=FREQUENCY(C2:C724,D2:D37)
=FREQUENCY(C2:C724,D3:D38)
=FREQUENCY(C2:C724,D4:D39)
The last column is what was generated (and this is correct but it does not make sense!!)
Etoh bin
15.9 20 0
14.6 19 0
14.1 18 0
13.9 17 0
13.3 16 0
13.3 15 0
13.2 14 1
12.6 13 2
12.1 12 3
11.8 11 6
11.5 10 4
11.2 9 4
11 8 8
10.5 7 10
10.3 6 26
10.3 5 27
10.2 4 40
10.1 3 89
9.8 2 151
9.7 1 205
9.5 0 102
9.1 -1 17
8.9 -2 7
8.3 -3 3
8.1 -4 2
8.1 -5 0
7.9 -6 3
7.6 -7 2
7.5 -8 2
7.5 -9 1
7.5 -10 1
7.4 -11 0
7.2 -12 0
7.1 -13 1
7.0 -14 0
7.0 -15 0
6.8
6.7
6.6
6.5
6.4
6.2
6.2
6.1
6.0
5.9
5.8
5.8
5.7
5.7
5.7
5.5
5.5
5.5
5.4
5.3
5.3
5.3
5.3
5.3
5.3
5.3
5.2
5.2
5.2
5.1
5.1
5.1
5.1
5.1
5.0
5.0
5.0
5.0
5.0
4.9
4.9
4.8
4.8
4.8
4.7
4.7
4.6
4.6
4.6
4.5
4.5
4.5
4.5
4.4
4.3
4.1
4.1
4.1
4.1
4.1
4.1
4.0
4.0
4.0
4.0
4.0
3.9
3.9
3.9
3.9
3.9
3.8
3.8
3.7
3.6
3.6
3.6
3.6
3.6
3.5
3.5
3.4
3.4
3.4
3.4
3.3
3.3
3.3
3.3
3.2
3.2
3.2
3.2
3.2
3.2
3.1
3.1
3.1
3.1
3.1
3.1
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
3.0
2.9
2.9
2.9
2.8
2.8
2.8
2.8
2.8
2.8
2.8
2.8
2.7
2.7
2.7
2.7
2.7
2.7
2.7
2.7
2.6
2.6
2.6
2.6
2.6
2.6
2.6
2.6
2.6
2.5
2.5
2.5
2.5
2.5
2.4
2.4
2.4
2.4
2.4
2.4
2.4
2.4
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.3
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.2
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.1
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
2.0
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.9
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.8
1.7
1.7
1.7
1.7
1.7
1.7
1.7
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.6
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.5
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.4
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.3
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.2
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.1
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
1.0
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.9
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.8
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.7
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.6
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.5
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.4
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.3
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.2
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.1
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.1
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.2
-0.3
-0.3
-0.3
-0.3
-0.3
-0.3
-0.3
-0.3
-0.3
-0.3
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.4
-0.5
-0.5
-0.5
-0.5
-0.5
-0.5
-0.6
-0.6
-0.6
-0.6
-0.6
-0.6
-0.7
-0.7
-0.7
-0.7
-0.7
-0.7
-0.7
-0.7
-0.8
-0.8
-0.8
-0.8
-0.8
-0.8
-0.8
-0.8
-0.9
-0.9
-0.9
-0.9
-0.9
-0.9
-1.0
-1.0
-1.0
-1.0
-1.0
-1.0
-1.1
-1.1
-1.2
-1.2
-1.2
-1.3
-1.3
-1.7
-1.8
-1.9
-1.9
-2.1
-2.2
-2.4
-2.4
-2.5
-2.5
-2.6
-3.0
-3.2
-3.7
-4.6
-4.6
-6.1
-6.3
-6.3
-7.0
-7.8
-8.1
-8.5
-9.0
-10.2
-13.2
If I do as both of you suggested with the $, I am getting the WRONG results:
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
It's a bit of keyboarding to make it easier, not mouse work, but do exactly this:
In cell E2, enter
=FREQUENCY(C2:C724,D2:D37). Hit
Enter.
You should now be on cell E3.
Press on the up arrow once on your
keyboard to return to E2 (and it will be 0).
Hold
down the Shift key and press on the down arrow until you've
reached cell E37. E2 through E37 will be highlighted.
Don't do anything else other than
hit the F2 key on your
keyboard now.
Now press and hold down
Ctrl + Shift.
Then, with those two held down, hit
Enter.
Voila! In every cell between E2
and E37 you should see this
{=FREQUENCY(C2:C724,D2:D37)} in the formula bar
(notice the {} brackets) and
the formula works. This is what makes an array formula.
It looks like what you've done is tried to copy and paste the function from the first cell to each of the subsequent cells.
Because it's an array function, what you need to do is:
Copy the text of the first cell (from the formula bar)
Select all the cells you are wanting the results to appear in
Paste the text you just copied into the formula bar
Press ctrl-shift-enter
This will put the same array function into all the cells
Unsure what you mean but it sounds like you need to use absolute addressing, prefix the column with $
You need to use absolute reference for the second argument only =FREQUENCY(C2:C$724,D2:D37)