Unable to resize logo using parameter value - hugo
I'm running a Hugo website using Tella Theme. I would to enlarge the logo.
config.toml has a parameter for sizing:
[params.logo]
main = "img/logo/bnb_logo_transparent.svg"
alt = "Logo"
size = "h-14"
h-14 appears too small size. I've tried modifying the size to enlarge the logo size but the logo disappears with any other value besides h-14. What can I do to resize the logo appropriately?
See attached images.
I also began trying to use custom.css but I'm not sure if I'm applying it correctly or how Hugo reads a custom css file. There are also two custom.css files available - one under css folder and one under static folder.
I have found your website here: https://www.bikenorthbergen.org
The problem is that you have to much whitespace around your logo. I have updated it (I opened the SVG in Inkscape and made the document fit the image). You can find the new logo here:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 523.5517 246.81982"
xml:space="preserve"
id="svg84"
sodipodi:docname="bnb_logo_transparent.svg"
width="523.5517"
height="246.81982"
inkscape:version="1.2.2 (1:1.2.2+202212051550+b0a8486541)"
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"><defs
id="defs88" /><sodipodi:namedview
id="namedview86"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="1.1689453"
inkscape:cx="128.3208"
inkscape:cy="122.3325"
inkscape:window-width="3440"
inkscape:window-height="1391"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg84" />
<g
fill="#004d40"
id="g32"
transform="translate(-248.31403,-261.80909)"> <path
d="m 526.05713,294.41211 c 5.77441,2.31006 8.79492,6.84033 8.79492,13.41455 0,11.45996 -6.30762,16.70117 -19.98828,16.70117 h -26.47363 c -4.44141,0 -7.10693,-2.66504 -7.10693,-7.10693 v -45.30664 c 0,-4.44189 2.66553,-7.10693 7.10693,-7.10693 h 24.69678 c 13.68066,0 19.98828,5.24121 19.98828,16.6123 0,5.77441 -2.39844,10.12744 -7.01807,12.61475 z m -13.50342,-5.41895 c 4.7085,0 7.1958,-1.86572 7.1958,-5.86328 0,-3.99756 -2.4873,-6.04102 -7.1958,-6.04102 h -18.03369 v 11.9043 z m 1.42139,23.45312 c 4.79736,0 7.28467,-2.04346 7.28467,-6.12988 0,-3.99756 -2.4873,-5.95215 -7.28467,-5.95215 h -19.45508 v 12.08203 z"
id="path2" /> <path
d="m 540.89307,268.82715 c 0,-4.17529 2.75391,-6.84033 6.84033,-6.84033 4.17578,0 6.92969,2.66504 6.92969,6.84033 0,4.17529 -2.75391,7.01807 -6.92969,7.01807 -4.08643,0 -6.84033,-2.84277 -6.84033,-7.01807 z m 12.97021,18.92236 v 30.82617 c 0,3.99756 -2.30957,6.48535 -6.12988,6.48535 -3.73096,0 -6.04053,-2.48779 -6.04053,-6.48535 v -30.82617 c 0,-3.99756 2.30957,-6.39648 6.04053,-6.39648 3.82031,0 6.12988,2.39893 6.12988,6.39648 z"
id="path4" /> <path
d="m 601.74609,314.22266 c 1.15479,1.33252 1.86523,2.75391 1.86523,4.79736 0,3.64209 -2.39844,6.04102 -6.04102,6.04102 -2.04297,0 -3.73096,-0.88867 -5.06348,-2.57666 l -11.72656,-14.56885 -5.50781,4.26416 v 6.396 c 0,3.99756 -2.30957,6.48535 -6.12988,6.48535 -3.73096,0 -6.04053,-2.48779 -6.04053,-6.48535 v -50.28125 c 0,-3.99805 2.30957,-6.48535 6.04053,-6.48535 3.82031,0 6.12988,2.4873 6.12988,6.48535 v 30.38184 l 17.50098,-15.36865 c 1.33252,-1.24365 2.75391,-1.95459 4.53076,-1.95459 3.46436,0 5.86328,2.31006 5.86328,5.86328 0,2.04346 -0.62207,3.46484 -2.31006,4.79736 l -11.19336,8.88379 12.08203,13.3252 z"
id="path6" /> <path
d="m 630.70752,325.59375 c -14.125,0 -23.5415,-9.06104 -23.5415,-22.38672 0,-13.32568 9.4165,-22.38672 23.09766,-22.38672 12.25928,0 21.76465,8.88379 21.76465,19.09961 v 0.71094 c 0,3.81982 -2.4873,6.30713 -6.21826,6.30713 h -26.20703 c 1.33252,5.06396 5.33008,8.17334 11.10449,8.17334 3.82031,0 6.57422,-1.15527 9.23926,-3.64258 1.06592,-1.06592 2.4873,-1.68799 3.99756,-1.68799 3.19824,0 5.33008,2.04346 5.33008,5.2417 0,1.33252 -0.44385,2.4873 -1.24365,3.55322 -3.90869,4.53076 -9.86084,7.01807 -17.32324,7.01807 z M 619.60303,298.5874 h 20.87646 c -0.97705,-4.44189 -5.15234,-7.28467 -10.21582,-7.28467 -5.2417,0 -9.68359,2.84277 -10.66064,7.28467 z"
id="path8" /> <path
d="m 536.54004,341.74951 v 45.57324 c 0,4.88623 -2.93164,8.08447 -7.28467,8.08447 -3.02051,0 -5.77441,-1.15527 -7.90674,-3.90918 l -26.91748,-35.35693 h -0.17773 v 32.33643 c 0,4.35303 -2.39844,6.92969 -6.48486,6.92969 -3.99756,0 -6.48535,-2.57666 -6.48535,-6.92969 v -45.57275 c 0,-4.88623 3.19824,-8.08447 7.4624,-8.08447 3.37598,0 5.59668,1.06641 7.55127,3.55371 l 27.09521,35.62354 h 0.17773 v -32.24805 c 0,-4.35303 2.4873,-6.9292 6.48486,-6.9292 4.08643,0 6.48535,2.57617 6.48535,6.9292 z"
id="path10" /> <path
d="m 567.72168,351.1665 c 13.76953,0 23.18604,9.06104 23.18604,22.38672 0,13.23682 -9.4165,22.38672 -23.18604,22.38672 -13.68115,0 -23.09766,-9.1499 -23.09766,-22.38672 0,-13.32568 9.4165,-22.38672 23.09766,-22.38672 z m 0,33.66895 c 6.396,0 10.74902,-4.61963 10.74902,-11.28223 0,-6.75146 -4.35303,-11.28223 -10.74902,-11.28223 -6.30762,0 -10.66064,4.53076 -10.66064,11.28223 0,6.6626 4.35303,11.28223 10.66064,11.28223 z"
id="path12" /> <path
d="m 628.84033,357.47363 c 0,3.73145 -2.4873,6.04102 -6.04053,6.04102 -7.729,0 -12.08203,3.46484 -12.08203,12.70361 v 12.70361 c 0,3.99756 -2.30957,6.48535 -6.12988,6.48535 -3.73096,0 -6.04053,-2.48779 -6.04053,-6.48535 V 358.0957 c 0,-3.99756 2.30957,-6.39648 6.04053,-6.39648 3.73145,0 6.04102,2.31006 6.12988,6.04102 h 0.17773 c 2.4873,-4.17529 6.48535,-6.30713 11.9043,-6.30713 3.55322,0 6.04053,2.2207 6.04053,6.04053 z"
id="path14" /> <path
d="m 664.81836,388.47754 c -2.66504,4.9751 -7.81738,7.4624 -14.83594,7.4624 -10.57129,0 -16.79004,-6.48486 -16.79004,-17.58936 v -34.55762 c 0,-3.99756 2.31006,-6.48535 6.04102,-6.48535 3.81982,0 6.12988,2.48779 6.12988,6.48535 v 8.43945 h 12.43701 c 3.64209,0 5.95215,2.04346 5.95215,5.50781 0,3.55371 -2.31006,5.59668 -5.95215,5.59668 h -12.43701 v 15.45752 c 0,3.82031 1.9541,6.04102 5.24121,6.04102 2.04346,0 3.37598,-0.88818 4.88623,-2.75391 1.15479,-1.51025 2.75391,-2.2207 4.53027,-2.2207 3.19824,0 5.5083,2.30957 5.5083,5.68555 0,1.06592 -0.2666,2.04297 -0.71094,2.93115 z"
id="path16" /> <path
d="m 714.03418,370.88818 v 18.03369 c 0,3.99756 -2.31006,6.48535 -6.12988,6.48535 -3.73145,0 -6.04102,-2.48779 -6.04102,-6.48535 v -16.6123 c 0,-6.57422 -3.02051,-10.03857 -8.88379,-10.03857 -6.12939,0 -9.68311,4.17529 -9.68311,11.19336 v 15.45752 c 0,3.99756 -2.30957,6.48535 -6.12939,6.48535 -3.73145,0 -6.04102,-2.48779 -6.04102,-6.48535 v -50.28125 c 0,-3.99805 2.30957,-6.48535 6.04102,-6.48535 3.81982,0 6.12939,2.4873 6.12939,6.48535 v 17.67822 h 0.17773 c 2.84277,-3.28711 7.10693,-5.15234 12.70361,-5.15234 11.6377,0 17.85645,6.9292 17.85645,19.72168 z"
id="path18" /> <path
d="m 526.05713,435.104 c 5.77441,2.31006 8.79492,6.84033 8.79492,13.41455 0,11.45996 -6.30762,16.70117 -19.98828,16.70117 h -26.47363 c -4.44141,0 -7.10693,-2.66504 -7.10693,-7.10693 v -45.30664 c 0,-4.44189 2.66553,-7.10693 7.10693,-7.10693 h 24.69678 c 13.68066,0 19.98828,5.24121 19.98828,16.6123 0,5.77441 -2.39844,10.12744 -7.01807,12.61475 z m -13.50342,-5.41895 c 4.7085,0 7.1958,-1.86572 7.1958,-5.86328 0,-3.99756 -2.4873,-6.04102 -7.1958,-6.04102 h -18.03369 v 11.9043 z m 1.42139,23.45264 c 4.79736,0 7.28467,-2.04297 7.28467,-6.12939 0,-3.99756 -2.4873,-5.95215 -7.28467,-5.95215 h -19.45508 v 12.08154 z"
id="path20" /> <path
d="m 563.8125,466.28564 c -14.125,0 -23.5415,-9.06104 -23.5415,-22.38672 0,-13.32568 9.4165,-22.38672 23.09766,-22.38672 12.25928,0 21.76465,8.8833 21.76465,19.09961 v 0.71094 c 0,3.81982 -2.4873,6.30713 -6.21826,6.30713 h -26.20703 c 1.33252,5.06396 5.33008,8.17334 11.10449,8.17334 3.82031,0 6.57422,-1.15527 9.23926,-3.64258 1.06592,-1.06592 2.4873,-1.68799 3.99756,-1.68799 3.19824,0 5.33008,2.04346 5.33008,5.2417 0,1.33252 -0.44385,2.4873 -1.24365,3.55322 -3.90869,4.53076 -9.86084,7.01807 -17.32324,7.01807 z m -11.10449,-27.00635 h 20.87646 c -0.97705,-4.44189 -5.15234,-7.28467 -10.21582,-7.28467 -5.2417,0 -9.68359,2.84277 -10.66064,7.28467 z"
id="path22" /> <path
d="m 622.35498,427.81934 c 0,3.73145 -2.4873,6.04102 -6.04053,6.04102 -7.729,0 -12.08203,3.46484 -12.08203,12.70361 v 12.70361 c 0,3.99756 -2.30957,6.48535 -6.12988,6.48535 -3.73096,0 -6.04053,-2.48779 -6.04053,-6.48535 v -30.82617 c 0,-3.99756 2.30957,-6.39648 6.04053,-6.39648 3.73145,0 6.04102,2.31006 6.12988,6.04102 h 0.17773 c 2.4873,-4.17529 6.48535,-6.30713 11.9043,-6.30713 3.55322,0 6.04053,2.2207 6.04053,6.04053 z"
id="path24" /> <path
d="m 669.52734,428.44141 v 32.9585 c 0,13.3252 -8.79492,21.40967 -23.00879,21.40967 -8.88379,0 -15.99072,-2.57666 -18.92236,-6.57422 -0.79932,-0.97705 -1.24365,-2.2207 -1.24365,-3.64209 0,-3.46484 2.2207,-5.68555 5.77441,-5.68555 1.42139,0 2.39844,0.44385 3.28711,1.15479 3.10889,2.4873 6.04053,3.73096 10.74902,3.73096 6.9292,0 11.19336,-3.90869 11.19336,-9.77197 v -3.02051 h -0.17773 c -3.10938,3.28711 -7.63965,5.33057 -13.41406,5.33057 -12.1709,0 -20.25488,-8.43945 -20.25488,-21.40967 0,-12.97022 8.08398,-21.40967 20.25488,-21.40967 5.77441,0 10.39355,2.13184 13.50293,5.41895 h 0.17773 c 0.44434,-2.93164 2.66504,-4.88623 5.95215,-4.88623 3.81982,0 6.12988,2.39893 6.12988,6.39648 z m -12.1709,14.48047 c 0,-6.30762 -4.35303,-10.30518 -11.10449,-10.30518 -6.21875,0 -10.30518,3.99756 -10.30518,10.30518 0,6.30713 4.08643,10.30469 10.30518,10.30469 6.75146,0 11.10449,-3.99756 11.10449,-10.30469 z"
id="path26" /> <path
d="m 700.70801,466.28564 c -14.125,0 -23.5415,-9.06104 -23.5415,-22.38672 0,-13.32568 9.4165,-22.38672 23.09766,-22.38672 12.25928,0 21.76465,8.8833 21.76465,19.09961 v 0.71094 c 0,3.81982 -2.4873,6.30713 -6.21826,6.30713 h -26.20703 c 1.33252,5.06396 5.33008,8.17334 11.10449,8.17334 3.82031,0 6.57422,-1.15527 9.23926,-3.64258 1.06592,-1.06592 2.4873,-1.68799 3.99756,-1.68799 3.19824,0 5.33008,2.04346 5.33008,5.2417 0,1.33252 -0.44385,2.4873 -1.24365,3.55322 -3.90869,4.53076 -9.86084,7.01807 -17.32324,7.01807 z m -11.10449,-27.00635 h 20.87646 c -0.97705,-4.44189 -5.15234,-7.28467 -10.21582,-7.28467 -5.2417,0 -9.68359,2.84277 -10.66064,7.28467 z"
id="path28" /> <path
d="m 771.86572,441.23389 v 18.03369 c 0,3.99756 -2.31006,6.48535 -6.12988,6.48535 -3.73096,0 -6.04102,-2.48779 -6.04102,-6.48535 v -16.6123 c 0,-6.57422 -3.02051,-10.03857 -8.88379,-10.03857 -6.12939,0 -9.68311,4.17529 -9.68311,11.19336 v 15.45752 c 0,3.99756 -2.30957,6.48535 -6.12988,6.48535 -3.73096,0 -6.04053,-2.48779 -6.04053,-6.48535 v -30.7373 c 0,-3.99756 2.30957,-6.48535 6.04053,-6.48535 3.19824,0 5.41943,1.77686 6.04102,4.79736 h 0.17773 c 2.93164,-3.46484 7.1958,-5.33008 12.79248,-5.33008 11.6377,0 17.85645,6.9292 17.85645,19.72168 z"
id="path30" /> </g> <g
fill="#43a047"
id="g46"
transform="translate(-248.31403,-261.80909)"> <path
d="m 269.13625,300.84481 c 3.66744,2.0803 8.33659,2.09651 12.10993,-0.36812 5.38042,-3.51435 6.89313,-10.72517 3.37878,-16.10543 -3.51451,-5.38059 -10.72517,-6.89329 -16.1056,-3.37878 -5.10701,3.3358 -6.72058,9.99882 -3.86707,15.26881 -2.68843,-0.42715 -8.56817,-0.65094 -9.56518,5.29756 -0.78944,4.71002 -2.96055,8.08604 -5.76201,10.0525 -1.73245,1.21594 -1.12691,3.87404 0.96717,4.18103 10.55992,1.54855 18.92408,-5.09371 18.84397,-14.94755 z"
id="path34" /> <path
d="m 271.05698,321.78449 c -3.01098,-4.60948 -9.18846,-5.90553 -13.79794,-2.89471 -4.60948,3.01082 -5.90536,9.1883 -2.89454,13.79794 3.01082,4.60931 9.1883,5.90536 13.79778,2.89454 4.60948,-3.01082 5.90536,-9.1883 2.89471,-13.79778 z"
id="path36" /> <path
d="m 280.27252,340.11698 c -2.31317,-3.54143 -7.05952,-4.53715 -10.60095,-2.22398 -2.11792,1.38346 -3.31683,3.63792 -3.45046,5.98353 l 19.12679,4.01075 -5.07539,-7.7703 z"
id="path38" /> <path
d="m 357.54011,318.52458 c 0.94755,0.77257 2.28609,0.84311 3.30953,0.17449 l 15.83478,-10.34294 c 1.10258,-0.72019 1.55649,-2.10965 1.09188,-3.34164 l -6.69269,-17.74674 c -0.63343,-1.68007 -2.6594,-2.34187 -4.1627,-1.35994 l -24.20542,15.81045 c -1.5912,1.03934 -1.71169,3.32624 -0.23855,4.52726 l 15.06318,12.27907 z"
id="path40" /> <path
d="m 449.9406,319.15606 h -1.2534 c 0.91317,-3.43311 1.45952,-7.66149 1.45952,-12.25361 0,-11.43077 -3.34391,-20.69707 -7.46899,-20.69707 -4.12508,0 -7.46883,9.2663 -7.46883,20.69707 0,6.62864 1.12869,12.51454 2.878,16.30263 l -12.29464,16.16917 v -6.79713 c 4.08243,-1.92607 7.19347,-11.75024 7.19347,-23.61173 0,-13.243 -3.87404,-23.97855 -8.65315,-23.97855 -4.77911,0 -8.65315,10.73555 -8.65315,23.97855 0,11.86165 3.1112,21.68597 7.19363,23.61173 v 10.6363 l -8.91489,11.72429 v -5.23642 c 2.47015,-1.8098 4.2939,-8.02734 4.2939,-15.44135 0,-8.83088 -2.58351,-15.98965 -5.77028,-15.98965 -3.18677,0 -5.77012,7.15876 -5.77012,15.98965 0,7.41418 1.82358,13.63172 4.2939,15.44135 v 9.11954 l -7.70041,10.12709 c -5.63633,7.41272 -14.41337,11.765 -23.72541,11.765 h -8.61568 c -6.97827,0 -13.43468,3.69517 -16.96931,9.71211 l -15.67244,26.67849 c -1.78645,3.04131 -5.04993,4.909 -8.57709,4.909 h -8.92316 c -1.67179,0 -3.31667,0.42131 -4.78251,1.22518 l -14.93344,8.18788 c -0.60505,0.33163 -1.24286,0.59954 -1.90321,0.79917 l -21.9422,6.63496 v -0.50256 c 2.47031,-1.80964 4.2939,-8.02718 4.2939,-15.44135 0,-8.83088 -2.58334,-15.98965 -5.77012,-15.98965 -2.32452,0 -4.32276,3.81728 -5.23674,9.30571 -0.78846,-2.29858 -1.89575,-3.74852 -3.1305,-3.74852 -2.3902,0 -4.32795,5.36923 -4.32795,11.99268 0,5.55589 1.37049,10.18483 3.22067,11.54688 v 7.24828 c -0.27488,0.25833 -0.54699,0.5204 -0.79236,0.81036 l -3.34975,3.95886 c -5.47043,6.46517 -0.87506,16.37317 7.59386,16.37317 h 180.17887 c 5.49394,0 9.94774,-4.45379 9.94774,-9.94774 V 329.10379 c 0,-5.49394 -4.45379,-9.94774 -9.94774,-9.94774 z m -181.41621,122.5481 v -5.68108 c 0.97674,-0.71922 1.81629,-2.33652 2.3928,-4.54412 0.76835,3.34651 1.97164,5.83823 3.39094,6.87821 v 1.39546 l -4.07594,1.23248 c -0.59613,0.18033 -1.16048,0.4338 -1.7078,0.71905 z"
id="path42" /> <path
d="m 277.38025,382.49549 6.63042,-4.33087 c -4.82451,8.51709 -4.86797,19.36729 0.8436,28.11174 8.1454,12.47027 24.91669,15.98916 37.38647,7.84425 12.46929,-8.14475 15.98721,-24.91621 7.84198,-37.38647 -5.82006,-8.91018 -16.04284,-13.21884 -25.95522,-11.99868 l -0.16395,-0.68127 5.12404,-3.34699 3.71593,-2.42718 20.77848,14.08222 c 2.35063,1.59395 5.24064,1.9817 7.92777,1.06382 0.72797,-0.24844 1.40908,-0.58137 2.03311,-0.9889 0.12795,-0.0835 0.23612,-0.19087 0.3592,-0.28055 2.10154,1.03415 4.55045,1.33384 6.92102,0.66213 l 7.4998,-2.1236 c 0.63051,-0.17871 1.2114,-0.44596 1.73245,-0.78635 0.73203,-0.47823 1.33108,-1.10875 1.79991,-1.82196 8.7691,6.07726 20.70891,6.63172 30.17728,0.4471 12.46978,-8.14491 15.9877,-24.91653 7.8423,-37.3868 -8.14459,-12.46913 -24.91588,-15.98802 -37.38566,-7.84311 -1.73342,1.13226 -3.27483,2.44485 -4.65505,3.87566 L 335.53467,310.0328 c 1.46941,-2.163 1.50995,-5.09258 -0.14449,-7.30374 -2.08581,-2.78654 -6.03704,-3.34813 -8.82083,-1.26848 l -11.88062,8.89186 -29.23232,-5.95547 c -2.24457,-0.45667 -4.56147,0.34218 -6.04986,2.08257 -1.48838,1.74282 -1.9131,4.15573 -1.10939,6.30154 l 12.13442,32.41374 c 1.06253,2.83795 3.99388,4.51753 6.97941,3.99956 l 1.58147,-0.27455 8.40081,5.69357 -1.60239,1.04664 -6.90302,4.50893 -3.04504,-4.66169 c -0.54148,-0.82917 -1.39043,-1.40924 -2.35971,-1.61244 l -36.65088,-7.68532 c -3.25553,-0.68257 -5.71141,2.91141 -3.89237,5.69617 l 19.27258,29.50574 c 1.12756,1.72628 3.44138,2.21182 5.16782,1.0841 z m 35.48343,-31.45516 -5.31929,-3.60517 14.15714,-2.06019 c 2.09732,-0.30536 4.17665,0.65905 5.29837,2.45734 l 2.26679,3.63387 c -2.41696,1.91699 -5.26853,3.56933 -8.72093,4.74586 l 0.0154,0.0449 -2.28722,-1.55001 -5.41026,-3.66663 z m 24.10001,16.33328 -9.89665,-6.70729 c 2.11062,-1.03301 4.03524,-2.20354 5.75147,-3.50608 l 6.60674,10.59122 c -0.84133,0.24406 -1.73034,0.11692 -2.46155,-0.37785 z m 22.01096,-31.71431 16.44858,12.64768 c 1.04274,0.80257 2.44291,0.81603 3.48549,0.13509 0.2765,-0.18066 0.52786,-0.40996 0.74079,-0.68678 1.01453,-1.31973 0.76754,-3.21126 -0.55186,-4.2253 l -16.45588,-12.65352 c 0.95014,-0.9229 1.99435,-1.77428 3.14412,-2.52529 9.68713,-6.32749 22.71574,-3.59479 29.04291,6.09202 6.32797,9.68778 3.5943,22.71607 -6.09299,29.04372 -9.68729,6.32749 -22.71591,3.59463 -29.04372,-6.09315 -4.41358,-6.75707 -4.40628,-15.13405 -0.71743,-21.73446 z m -9.32014,24.3924 1.92202,-5.85882 c 0.52056,1.61795 1.19745,3.20234 2.04284,4.73645 z m -49.25202,-24.16764 -6.3137,-16.86649 20.85454,4.24784 c 1.76196,0.36001 3.60549,-0.0509 5.03338,-1.12967 l 10.84972,-8.12042 11.16108,8.76991 c -0.023,2.0031 -0.29125,7.54229 -2.41323,13.71069 l 4.15719,7.0026 c 2.782,-5.8259 3.98172,-11.65083 4.50163,-15.80591 l 4.13805,3.25148 -6.85324,22.38168 -7.80144,-13.14132 c -3.47089,-5.84471 -10.30224,-8.99029 -16.99882,-7.82738 l -20.31516,3.527 z m -4.40839,38.05364 c 1.1848,-0.77387 2.42085,-1.40795 3.68722,-1.91456 l 4.85776,20.18738 c 0.38872,1.61731 2.01656,2.61464 3.63501,2.22511 0.34526,-0.0832 0.66181,-0.22331 0.94301,-0.40704 1.03674,-0.67722 1.58763,-1.95591 1.28146,-3.2291 l -4.85467,-20.177 c 7.48748,-0.6777 15.10275,2.68681 19.49265,9.40755 6.32797,9.68778 3.5943,22.71623 -6.09251,29.04339 -9.68729,6.32749 -22.71574,3.59479 -29.04356,-6.09299 -6.32733,-9.68681 -3.59365,-22.7151 6.09364,-29.04275 z"
id="path44" /> </g> <g
fill="#43a047"
id="g82"
transform="translate(-248.31403,-261.80909)"> <path
d="m 269.32373,496.37256 c 6.76611,0.0425 9.14941,1.87256 9.14941,5.95801 0,3.91504 -3.36182,6.29834 -8.93701,6.29834 -4.12793,0 -7.10693,-0.93652 -9.10693,-2.89404 -0.29785,-0.29785 -0.42578,-0.68066 -0.42578,-1.06396 0,-0.85107 0.59619,-1.4043 1.31934,-1.4043 0.55322,0 0.89355,0.25537 1.23438,0.55322 1.53174,1.36182 3.95752,2.12793 6.80908,2.12793 3.83008,0 6.17041,-1.4043 6.17041,-3.65967 0,-2.08545 -1.53174,-2.93652 -6.3833,-3.02148 -6.59619,-0.12793 -8.85205,-1.74512 -8.85205,-5.5752 0,-3.83008 3.48975,-6.34082 8.85205,-6.34082 3.44727,0 6.00049,0.76611 7.87305,2.38281 0.34033,0.29834 0.51074,0.63867 0.51074,1.19189 0,0.80859 -0.55322,1.4043 -1.31934,1.4043 -0.42578,0 -0.80859,-0.17041 -1.10645,-0.42578 -1.44727,-1.19141 -3.61719,-1.91504 -5.7876,-1.91504 -3.74512,0 -6.04346,1.40479 -6.04346,3.70264 0,1.87256 1.44727,2.63867 6.04346,2.68115 z"
id="path48" /> <path
d="m 302.90039,489.18018 v 17.61865 c 0,0.979 -0.51074,1.57471 -1.44678,1.57471 -0.93604,0 -1.48926,-0.5957 -1.48926,-1.57471 v -2 h -0.0855 c -1.61719,2.42578 -4.46826,3.83008 -8.12842,3.83008 -6.12793,0 -10.25586,-4.25586 -10.25586,-10.63916 0,-6.38379 4.12793,-10.63916 10.25586,-10.63916 3.66016,0 6.51123,1.4043 8.12842,3.83008 h 0.0855 v -2.00049 c 0,-1.021 0.55322,-1.57422 1.48926,-1.57422 0.93604,0 1.44678,0.55322 1.44678,1.57422 z m -2.93604,8.80957 c 0,-4.72412 -3.19189,-8.00098 -7.74561,-8.00098 -4.59619,0 -7.74512,3.23438 -7.74512,8.00098 0,4.76611 3.14893,8.00049 7.74512,8.00049 4.55371,0 7.74561,-3.23438 7.74561,-8.00049 z"
id="path50" /> <path
d="m 311.36963,485.69092 v 2.17041 h 8.85156 c 0.89404,0 1.44727,0.46777 1.44727,1.31885 0,0.80859 -0.55322,1.31934 -1.44727,1.31934 h -8.85156 v 16.29932 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -21.06543 c 0,-4.93652 2.85156,-7.91553 7.5752,-7.91553 3.14941,0 5.57471,1.36182 6.7666,3.65967 0.12744,0.25537 0.21289,0.51074 0.21289,0.76611 0,0.80859 -0.55322,1.36182 -1.36182,1.36182 -0.55322,0 -1.02148,-0.38281 -1.27686,-0.85107 -0.80859,-1.48975 -2.29834,-2.29834 -4.21338,-2.29834 -3.02148,0 -4.76611,1.87256 -4.76611,5.23486 z"
id="path52" /> <path
d="m 341.75586,499.01123 h -16.25684 c 0.46826,4.17041 3.48975,6.979 7.95801,6.979 2.72363,0 4.93652,-1.06396 6.25586,-2.76611 0.25537,-0.34033 0.68066,-0.5957 1.19141,-0.5957 0.80859,0 1.36182,0.55322 1.36182,1.36182 0,0.34033 -0.085,0.5957 -0.29785,0.89355 -1.82959,2.34082 -4.89404,3.74512 -8.51123,3.74512 -6.59619,0 -10.97949,-4.29834 -10.97949,-10.63916 0,-6.34082 4.3833,-10.63916 10.72412,-10.63916 6.04297,0 10.42627,4.21289 10.42627,9.87305 0,1.14893 -0.68066,1.7876 -1.87207,1.7876 z m -16.17188,-2.55371 h 15.27783 c -0.5957,-3.87256 -3.53223,-6.46875 -7.66016,-6.46875 -4.08545,0 -7.02197,2.59619 -7.61768,6.46875 z"
id="path54" /> <path
d="m 365.80078,496.37256 c 6.76611,0.0425 9.14941,1.87256 9.14941,5.95801 0,3.91504 -3.36182,6.29834 -8.93701,6.29834 -4.12793,0 -7.10693,-0.93652 -9.10693,-2.89404 -0.29785,-0.29785 -0.42578,-0.68066 -0.42578,-1.06396 0,-0.85107 0.5957,-1.4043 1.31934,-1.4043 0.55322,0 0.89355,0.25537 1.23438,0.55322 1.53174,1.36182 3.95752,2.12793 6.80908,2.12793 3.83008,0 6.17041,-1.4043 6.17041,-3.65967 0,-2.08545 -1.53174,-2.93652 -6.3833,-3.02148 -6.59619,-0.12793 -8.85205,-1.74512 -8.85205,-5.5752 0,-3.83008 3.48975,-6.34082 8.85205,-6.34082 3.44727,0 6.00049,0.76611 7.87305,2.38281 0.34033,0.29834 0.51074,0.63867 0.51074,1.19189 0,0.80859 -0.55322,1.4043 -1.31934,1.4043 -0.42578,0 -0.80859,-0.17041 -1.10645,-0.42578 -1.44727,-1.19141 -3.61768,-1.91504 -5.7876,-1.91504 -3.74512,0 -6.04346,1.40479 -6.04346,3.70264 0,1.87256 1.44727,2.63867 6.04346,2.68115 z"
id="path56" /> <path
d="m 392.65332,504.96875 c -1.19141,2.34082 -3.53223,3.66016 -6.72363,3.66016 -4.59619,0 -7.44775,-2.979 -7.44775,-7.91553 V 482.5415 c 0,-0.979 0.55322,-1.57471 1.44727,-1.57471 0.93604,0 1.48926,0.5957 1.48926,1.57471 v 5.31982 h 8.85205 c 0.89355,0 1.44678,0.46777 1.44678,1.31885 0,0.80859 -0.55322,1.31934 -1.44678,1.31934 h -8.85205 v 10.25635 c 0,3.36182 1.74463,5.23438 4.68115,5.23438 2.04297,0 3.40479,-0.89355 4.21338,-2.46826 0.2124,-0.42529 0.63818,-0.72363 1.19141,-0.72363 0.76611,0 1.31934,0.59619 1.31934,1.40479 0,0.29785 -0.085,0.5957 -0.17041,0.76562 z"
id="path58" /> <path
d="m 408.10205,488.88232 c 0,0.93652 -0.5957,1.44727 -1.44727,1.44727 -4.80859,0 -7.48975,2.93604 -7.48975,8.89404 v 7.5752 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -17.61865 c 0,-1.021 0.55322,-1.57422 1.48975,-1.57422 0.89355,0 1.44678,0.55322 1.44678,1.57422 v 2.29834 h 0.085 c 1.4043,-2.59619 3.91553,-4.00049 7.40479,-4.00049 0.85156,0 1.44727,0.46826 1.44727,1.4043 z"
id="path60" /> <path
d="M 428.23145,499.01123 H 411.9751 c 0.46826,4.17041 3.48975,6.979 7.95801,6.979 2.72363,0 4.93652,-1.06396 6.25586,-2.76611 0.25537,-0.34033 0.68115,-0.5957 1.19141,-0.5957 0.80859,0 1.36182,0.55322 1.36182,1.36182 0,0.34033 -0.085,0.5957 -0.29785,0.89355 -1.82959,2.34082 -4.89404,3.74512 -8.51123,3.74512 -6.59619,0 -10.97949,-4.29834 -10.97949,-10.63916 0,-6.34082 4.3833,-10.63916 10.72412,-10.63916 6.04297,0 10.42627,4.21289 10.42627,9.87305 0,1.14893 -0.68066,1.7876 -1.87256,1.7876 z m -16.17139,-2.55371 h 15.27783 c -0.5957,-3.87256 -3.53223,-6.46875 -7.66016,-6.46875 -4.08545,0 -7.02197,2.59619 -7.61768,6.46875 z"
id="path62" /> <path
d="m 452.61719,499.01123 h -16.25684 c 0.46826,4.17041 3.48975,6.979 7.95801,6.979 2.72363,0 4.93652,-1.06396 6.25586,-2.76611 0.25537,-0.34033 0.68066,-0.5957 1.19141,-0.5957 0.80859,0 1.36182,0.55322 1.36182,1.36182 0,0.34033 -0.085,0.5957 -0.29785,0.89355 -1.82959,2.34082 -4.89404,3.74512 -8.51123,3.74512 -6.59619,0 -10.97949,-4.29834 -10.97949,-10.63916 0,-6.34082 4.3833,-10.63916 10.72412,-10.63916 6.04297,0 10.42627,4.21289 10.42627,9.87305 0,1.14893 -0.68066,1.7876 -1.87207,1.7876 z m -16.17188,-2.55371 h 15.27783 c -0.5957,-3.87256 -3.53223,-6.46875 -7.66016,-6.46875 -4.08545,0 -7.02197,2.59619 -7.61768,6.46875 z"
id="path64" /> <path
d="m 472.3208,504.96875 c -1.19141,2.34082 -3.53223,3.66016 -6.72363,3.66016 -4.59619,0 -7.44775,-2.979 -7.44775,-7.91553 V 482.5415 c 0,-0.979 0.55322,-1.57471 1.44727,-1.57471 0.93604,0 1.48926,0.5957 1.48926,1.57471 v 5.31982 h 8.85205 c 0.89355,0 1.44678,0.46777 1.44678,1.31885 0,0.80859 -0.55322,1.31934 -1.44678,1.31934 h -8.85205 v 10.25635 c 0,3.36182 1.74463,5.23438 4.68115,5.23438 2.04297,0 3.40479,-0.89355 4.21338,-2.46826 0.21289,-0.42529 0.63818,-0.72363 1.19141,-0.72363 0.76611,0 1.31934,0.59619 1.31934,1.40479 0,0.29785 -0.085,0.5957 -0.17041,0.76562 z"
id="path66" /> <path
d="m 484.02441,496.37256 c 6.76611,0.0425 9.14941,1.87256 9.14941,5.95801 0,3.91504 -3.36182,6.29834 -8.93701,6.29834 -4.12793,0 -7.10693,-0.93652 -9.10693,-2.89404 -0.29785,-0.29785 -0.42578,-0.68066 -0.42578,-1.06396 0,-0.85107 0.5957,-1.4043 1.31934,-1.4043 0.55322,0 0.89355,0.25537 1.23438,0.55322 1.53174,1.36182 3.95752,2.12793 6.80908,2.12793 3.83008,0 6.17041,-1.4043 6.17041,-3.65967 0,-2.08545 -1.53174,-2.93652 -6.3833,-3.02148 -6.59619,-0.12793 -8.85205,-1.74512 -8.85205,-5.5752 0,-3.83008 3.48975,-6.34082 8.85205,-6.34082 3.44727,0 6.00049,0.76611 7.87305,2.38281 0.34033,0.29834 0.51074,0.63867 0.51074,1.19189 0,0.80859 -0.55322,1.4043 -1.31934,1.4043 -0.42578,0 -0.80859,-0.17041 -1.10645,-0.42578 -1.44727,-1.19141 -3.61768,-1.91504 -5.7876,-1.91504 -3.74512,0 -6.04346,1.40479 -6.04346,3.70264 0,1.87256 1.44727,2.63867 6.04346,2.68115 z"
id="path68" /> <path
d="m 510.15332,485.69092 v 2.17041 h 8.85156 c 0.89404,0 1.44727,0.46777 1.44727,1.31885 0,0.80859 -0.55322,1.31934 -1.44727,1.31934 h -8.85156 v 16.29932 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -21.06543 c 0,-4.93652 2.85156,-7.91553 7.5752,-7.91553 3.14941,0 5.57471,1.36182 6.7666,3.65967 0.12744,0.25537 0.21289,0.51074 0.21289,0.76611 0,0.80859 -0.55322,1.36182 -1.36182,1.36182 -0.55322,0 -1.02148,-0.38281 -1.27686,-0.85107 -0.80859,-1.48975 -2.29834,-2.29834 -4.21338,-2.29834 -3.02148,0 -4.76611,1.87256 -4.76611,5.23486 z"
id="path70" /> <path
d="m 531.98535,487.35059 c 6.38379,0 10.76709,4.29834 10.76709,10.63916 0,6.29834 -4.3833,10.63916 -10.76709,10.63916 -6.34082,0 -10.72412,-4.34082 -10.72412,-10.63916 0,-6.34082 4.3833,-10.63916 10.72412,-10.63916 z m 0,18.63965 c 4.63867,0 7.78809,-3.23438 7.78809,-8.00049 0,-4.7666 -3.14941,-8.00098 -7.78809,-8.00098 -4.59619,0 -7.74512,3.23438 -7.74512,8.00098 0,4.76611 3.14893,8.00049 7.74512,8.00049 z"
id="path72" /> <path
d="m 559.22217,488.88232 c 0,0.93652 -0.5957,1.44727 -1.44727,1.44727 -4.80859,0 -7.48975,2.93604 -7.48975,8.89404 v 7.5752 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -17.61865 c 0,-1.021 0.55322,-1.57422 1.48975,-1.57422 0.89355,0 1.44678,0.55322 1.44678,1.57422 v 2.29834 h 0.085 c 1.4043,-2.59619 3.91553,-4.00049 7.40479,-4.00049 0.85156,0 1.44727,0.46826 1.44727,1.4043 z"
id="path74" /> <path
d="m 592.96875,489.18018 v 17.61865 c 0,0.979 -0.51074,1.57471 -1.44678,1.57471 -0.93604,0 -1.48926,-0.5957 -1.48926,-1.57471 v -2 h -0.0854 c -1.61719,2.42578 -4.46826,3.83008 -8.12842,3.83008 -6.12793,0 -10.25586,-4.25586 -10.25586,-10.63916 0,-6.38379 4.12793,-10.63916 10.25586,-10.63916 3.66016,0 6.51123,1.4043 8.12842,3.83008 h 0.0854 v -2.00049 c 0,-1.021 0.55322,-1.57422 1.48926,-1.57422 0.93604,0 1.44678,0.55322 1.44678,1.57422 z m -2.93604,8.80957 c 0,-4.72412 -3.19189,-8.00098 -7.74561,-8.00098 -4.59619,0 -7.74512,3.23438 -7.74512,8.00098 0,4.76611 3.14893,8.00049 7.74512,8.00049 4.55371,0 7.74561,-3.23438 7.74561,-8.00049 z"
id="path76" /> <path
d="m 601.43799,479.64746 v 27.15137 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -27.15137 c 0,-0.97852 0.55322,-1.57422 1.48975,-1.57422 0.89355,0 1.44678,0.5957 1.44678,1.57422 z"
id="path78" /> <path
d="m 609.90625,479.64746 v 27.15137 c 0,0.979 -0.55322,1.57471 -1.44678,1.57471 -0.93652,0 -1.48975,-0.5957 -1.48975,-1.57471 v -27.15137 c 0,-0.97852 0.55322,-1.57422 1.48975,-1.57422 0.89355,0 1.44678,0.5957 1.44678,1.57422 z"
id="path80" /> </g>
</svg>
To make the logo bigger you can set the h-24 class instead of the h-14.
Related
How to achieve xlink:title in react
everyone. I hope everyone is doing great and are healthy.
Recently, I started working with svg images in react and stuck with one thing. I know how to do that thing in html however, not sure how I can do in react.
What I'm trying to achieve is if I hover over a state then it's name should be visible.
If I code in html :
<a xlink:title="Andaman Nicobar"> //using xlink:title I can show the name.
<path
id='IN-AN'
title='Andaman and Nicobar Islands'
d='m 537.188,685.44148 -0.041,0.4695 0.768,0.30627 0.104,2.47542 1.258,1.84675 -0.71,-0.0232 0.661,0.93295 -0.574,0.18739 -0.437,0.94503 0.103,1.88201 -0.409,0.42617 -0.663,-0.49065 -0.502,1.30269 -0.461,-0.2156 0.224,-1.08911 -0.606,-0.31434 -0.121,-1.2503 -0.813,-0.73346 0.069,-0.77879 -1.076,-1.12336 -0.646,0.17933 -0.121,-1.96159 0.365,-0.27304 -0.4,-0.27001 0.64,-1.36616 0.994,0.0584 0.564,-0.57427 0.878,0.27505 0.092,-0.68006 0.86,-0.14307 z m -2.826,-4.29496 0.895,1.77017 -2.249,2.47845 -0.57,-1.39035 0.238,-1.31478 1.704,-0.4695 -0.018,-1.07399 z m -6.972,-12.28743 0.62,0.37378 0.054,0.95511 0.372,-0.12392 0.733,0.79995 -0.07,1.22108 -0.819,-0.73849 -1.384,0.38789 -0.288,-0.63372 0.323,-0.48259 -0.855,0.17027 0.198,-1.45785 1.116,-0.47151 z m 3.502,-0.0695 0.743,0.76973 -0.11,1.34098 -1.472,-1.19389 0.529,-0.85234 0.383,0.60853 -0.073,-0.67301 z m 0.656,-2.05731 0.291,1.85178 -0.652,-1.69864 0.361,-0.15314 z m -1.091,-2.2447 0.394,0.70928 -0.884,1.04981 0.947,1.26743 0.041,1.10422 -0.412,-0.27001 -0.465,0.31837 -0.158,0.77476 -0.325,-0.99943 0.426,0.0796 0.114,-0.58536 0.146,0.45237 0.247,-0.67099 -0.938,0.56621 0.092,-0.83824 -0.627,-0.64883 -0.116,-1.08809 1.518,-1.22109 z m -6.096,-0.7264 0.087,0.94704 -0.404,-0.51281 0.317,-0.43423 z m -2.282,-1.91123 0.359,0.19848 -0.356,1.48404 1.639,1.28758 -0.11,0.45942 -1.593,-0.57024 -0.756,-1.02865 0.157,-1.47599 0.66,-0.35464 z m -1.725,-2.48851 0.285,0.72439 -0.466,-0.2005 0.181,-0.52389 z m 11.976,-2.12381 0.554,2.22556 -0.33,0.0282 -0.08,0.96619 -0.144,-3.21996 z m -17.337,-14.22082 0.765,1.02563 0.632,-0.27504 -0.606,0.35464 0.105,1.13444 -0.86,0.46244 -1.209,-0.15818 -0.228,-1.89409 0.96,-0.0353 0.151,-0.86645 0.29,0.25187 z m -5.693,-35.18985 0.303,0.69114 0.034,-0.42113 0.553,0.46244 0.043,1.32486 0.571,0.30426 0.19,2.31624 -1.188,1.3984 0.616,0.72339 -1.181,1.43165 -1.64,-0.7798 -1.035,0.34255 0.738,-1.75809 -0.843,-1.12537 -0.088,-2.43411 0.448,0.45035 1.244,-2.15202 0.892,-0.62565 0.231,0.45942 0.112,-0.60853 z m 2.629,-13.08436 0.929,1.5727 -0.763,0.62868 0.924,0.42415 -0.055,0.36472 -1.862,0.51684 -0.434,-0.43927 0.123,-0.72237 0.751,-0.10478 -0.195,-1.47195 0.582,-0.76872 z m -0.926,-0.67402 -0.284,0.15415 0.186,-0.91783 0.098,0.76368 z m -7.918,-1.08407 1.085,0.17632 -0.019,1.31679 -1.158,-0.1481 0.092,-1.34501 z m 6.716,-0.23474 0.622,0.3093 -0.822,0.74252 0.2,-1.05182 z m 10.071,-5.13723 1.075,0.16624 -0.465,0.49972 -0.716,-0.34457 0.106,-0.32139 z m -1.074,-4.07532 0.271,-0.21158 0.564,0.52793 0.933,2.47844 -0.237,0.44733 -0.886,-1.45482 -0.543,0.0383 -1.023,-1.01455 0.826,-1.1556 0.095,0.34457 z m 0.412,-1.48405 0.074,1.27046 -0.647,-0.61256 -0.046,-0.72641 0.619,0.0685 z m 0.807,-1.15963 0.371,2.3918 -0.807,-0.65185 0.006,-0.67401 -1.081,-0.74958 0.615,-0.12695 0.421,0.57831 0.475,-0.76772 z m 0.855,-1.16466 0.553,1.47598 -0.427,1.26038 -0.784,-1.06593 0.658,-1.67043 z m -7.699,-0.52088 0.06,1.5052 0.968,-0.15717 -0.584,2.06436 1.288,0.63271 -0.452,0.56521 -0.476,-0.43625 -0.055,0.53498 0.673,0.36169 -1.042,0.80298 0.111,2.37769 0.468,-1.74801 0.792,-0.0836 0.084,0.74555 -0.687,4.25768 -0.257,-0.22467 -0.058,0.48561 -0.813,-0.3637 0.133,0.79189 -0.88,0.34759 0.156,0.61356 0.294,-0.32945 0.144,0.38285 0.739,-0.78081 -0.176,-0.57931 0.734,0.44632 -0.947,4.02394 -0.272,-0.63674 -1.076,-0.31937 0.008,-1.07601 -0.615,0.20452 -0.202,-1.21806 0.583,0.0897 0.174,-0.4433 -0.264,-0.31233 -0.496,0.35061 -0.418,-1.78427 -0.55,0.50173 -0.324,-3.01141 -0.489,0.20553 -0.198,-0.48058 1.023,-2.1097 0.51,1.2624 0.312,-0.20553 0.053,0.83421 0.144,-0.28009 0.264,-4.95991 1.616,-2.84819 z m 0.75,0.37277 0.37,-0.0131 -0.121,0.73346 -0.526,-0.0897 0.277,-0.6307 z m 3.455,-0.807 0.246,0.70021 -0.456,-0.22971 -0.099,0.44733 -0.164,-0.60853 0.473,-0.3093 z m 3.685,-0.13097 0.187,0.52994 0.404,-0.49267 -0.109,1.20698 -0.783,-0.54102 0.301,-0.70323 z m -2.854,-0.40401 -0.404,1.06996 -0.432,-1.22915 0.529,0.16423 0.161,-0.64379 0.146,0.63875 z m -3.45,-0.63271 1.278,0.37076 0.601,-0.27102 0.48,0.85134 -0.638,0.43221 0.453,1.08709 -0.71,-0.0554 0.088,0.85738 -0.591,-0.16523 -0.426,0.74152 0.215,0.5108 -1.001,0.93596 -0.534,-0.67401 0.644,-3.04566 -0.578,-0.18639 0.169,-0.60651 0.297,0.21459 0.359,-0.45639 -0.106,-0.54103 z m 22.254,-0.22568 0.744,0.70223 0.114,1.10321 -1.131,-0.17632 -0.248,-0.86644 0.521,-0.76268 z m -18.511,-2.01398 -0.482,1.18481 -0.272,-0.10982 0.235,-1.08406 0.519,0.009 z m -5.117,-8.89721 0.142,2.36661 -0.486,-1.68957 0.344,-0.67704 z m 3.934,-1.86588 0.482,0.0766 -0.353,0.58737 0.48,0.0252 0.547,1.64928 -0.418,0.71431 0.97,1.37624 -0.47,1.44375 0.217,3.1313 -0.76,0.34254 -0.021,0.31938 0.562,-0.0403 -0.893,0.51483 -0.017,0.81204 -1.764,-0.46949 1.351,2.31019 -1.306,0.3758 -1.274,-0.36774 -0.351,0.51584 -0.719,-0.0997 -0.439,-0.60551 0.168,-5.76087 -0.481,-0.23978 0.412,0.0141 1.029,-1.36013 -0.528,-0.48057 0.377,-0.63069 -0.465,-2.24672 0.291,0.36068 1.548,-1.94044 0.653,0.52189 0,0 0.628,-0.14911 0,0 0.544,-0.70021 z m -4.254,-1.63618 0.507,0.29217 0.034,1.9344 -0.425,1.01455 -0.541,0.11385 0.285,0.41105 -0.437,0.73447 -0.419,-1.68957 0.448,-2.16209 0.548,-0.64883 z m 6.511,-0.1078 -0.569,0.64379 0.07,0.69819 -0.646,-0.12996 0.163,-1.03974 0.261,0.42416 0.721,-0.59644 z m 0.475,-12.41236 0.326,1.0357 -0.216,1.94044 0.222,0.67603 0.337,-0.37076 0.198,0.32341 -0.326,0.51483 0.739,0.99642 -0.519,0.70726 -0.691,-0.90876 -0.617,-0.1743 -0.355,0.52692 -0.337,-0.67502 -0.412,0.35161 1.233,0.51483 0.063,0.93395 0.704,-0.11384 -0.007,0.49065 0.437,-0.28714 -0.721,2.016 0.056,2.10668 -0.648,1.12739 -0.797,-0.13904 0.185,0.47655 -0.837,-1.03369 -0.385,0.14709 -0.306,0.69517 0.771,1.08609 -0.548,0.53195 -0.113,-0.82715 -0.517,0.0494 -0.583,1.18884 0.388,0.95007 0,0 -0.628,0.14911 0,0 -1.021,-0.81909 -10e-4,-1.5314 0.505,-0.0242 0.143,-0.55815 -0.769,-0.1209 0.174,-1.53039 0.535,-0.14911 -0.256,-0.65689 0.785,-0.26396 -0.791,-0.29923 0.378,-1.79838 0.559,-0.44229 -0.669,-0.43121 0.413,-0.53196 -0.431,-0.16825 0.372,-1.40042 0.576,-0.23172 -0.5,-0.35867 0.518,0 0.343,-0.59241 -0.262,-0.89869 1.21,-0.65286 -0.25,-0.74756 0.989,-0.1743 0.506,0.35867 -0.023,-0.97626 0.467,0.67099 0.404,-0.67804 z m -0.285,-2.21549 0.251,1.06089 -1.069,-0.6055 0.818,-0.45539 z m 13.096,-26.52437 -0.617,1.4518 0.021,-0.82615 0.596,-0.62565 z'
/>
</a>
Now, I'm not sure how can I do this in react.
This is what I tried in react:
<path
id='IN-AN'
title='Andaman and Nicobar Islands'
d='m 537.188,685.44148 -0.041,0.4695 0.768,0.30627 0.104,2.47542 1.258,1.84675 -0.71,-0.0232 0.661,0.93295 -0.574,0.18739 -0.437,0.94503 0.103,1.88201 -0.409,0.42617 -0.663,-0.49065 -0.502,1.30269 -0.461,-0.2156 0.224,-1.08911 -0.606,-0.31434 -0.121,-1.2503 -0.813,-0.73346 0.069,-0.77879 -1.076,-1.12336 -0.646,0.17933 -0.121,-1.96159 0.365,-0.27304 -0.4,-0.27001 0.64,-1.36616 0.994,0.0584 0.564,-0.57427 0.878,0.27505 0.092,-0.68006 0.86,-0.14307 z m -2.826,-4.29496 0.895,1.77017 -2.249,2.47845 -0.57,-1.39035 0.238,-1.31478 1.704,-0.4695 -0.018,-1.07399 z m -6.972,-12.28743 0.62,0.37378 0.054,0.95511 0.372,-0.12392 0.733,0.79995 -0.07,1.22108 -0.819,-0.73849 -1.384,0.38789 -0.288,-0.63372 0.323,-0.48259 -0.855,0.17027 0.198,-1.45785 1.116,-0.47151 z m 3.502,-0.0695 0.743,0.76973 -0.11,1.34098 -1.472,-1.19389 0.529,-0.85234 0.383,0.60853 -0.073,-0.67301 z m 0.656,-2.05731 0.291,1.85178 -0.652,-1.69864 0.361,-0.15314 z m -1.091,-2.2447 0.394,0.70928 -0.884,1.04981 0.947,1.26743 0.041,1.10422 -0.412,-0.27001 -0.465,0.31837 -0.158,0.77476 -0.325,-0.99943 0.426,0.0796 0.114,-0.58536 0.146,0.45237 0.247,-0.67099 -0.938,0.56621 0.092,-0.83824 -0.627,-0.64883 -0.116,-1.08809 1.518,-1.22109 z m -6.096,-0.7264 0.087,0.94704 -0.404,-0.51281 0.317,-0.43423 z m -2.282,-1.91123 0.359,0.19848 -0.356,1.48404 1.639,1.28758 -0.11,0.45942 -1.593,-0.57024 -0.756,-1.02865 0.157,-1.47599 0.66,-0.35464 z m -1.725,-2.48851 0.285,0.72439 -0.466,-0.2005 0.181,-0.52389 z m 11.976,-2.12381 0.554,2.22556 -0.33,0.0282 -0.08,0.96619 -0.144,-3.21996 z m -17.337,-14.22082 0.765,1.02563 0.632,-0.27504 -0.606,0.35464 0.105,1.13444 -0.86,0.46244 -1.209,-0.15818 -0.228,-1.89409 0.96,-0.0353 0.151,-0.86645 0.29,0.25187 z m -5.693,-35.18985 0.303,0.69114 0.034,-0.42113 0.553,0.46244 0.043,1.32486 0.571,0.30426 0.19,2.31624 -1.188,1.3984 0.616,0.72339 -1.181,1.43165 -1.64,-0.7798 -1.035,0.34255 0.738,-1.75809 -0.843,-1.12537 -0.088,-2.43411 0.448,0.45035 1.244,-2.15202 0.892,-0.62565 0.231,0.45942 0.112,-0.60853 z m 2.629,-13.08436 0.929,1.5727 -0.763,0.62868 0.924,0.42415 -0.055,0.36472 -1.862,0.51684 -0.434,-0.43927 0.123,-0.72237 0.751,-0.10478 -0.195,-1.47195 0.582,-0.76872 z m -0.926,-0.67402 -0.284,0.15415 0.186,-0.91783 0.098,0.76368 z m -7.918,-1.08407 1.085,0.17632 -0.019,1.31679 -1.158,-0.1481 0.092,-1.34501 z m 6.716,-0.23474 0.622,0.3093 -0.822,0.74252 0.2,-1.05182 z m 10.071,-5.13723 1.075,0.16624 -0.465,0.49972 -0.716,-0.34457 0.106,-0.32139 z m -1.074,-4.07532 0.271,-0.21158 0.564,0.52793 0.933,2.47844 -0.237,0.44733 -0.886,-1.45482 -0.543,0.0383 -1.023,-1.01455 0.826,-1.1556 0.095,0.34457 z m 0.412,-1.48405 0.074,1.27046 -0.647,-0.61256 -0.046,-0.72641 0.619,0.0685 z m 0.807,-1.15963 0.371,2.3918 -0.807,-0.65185 0.006,-0.67401 -1.081,-0.74958 0.615,-0.12695 0.421,0.57831 0.475,-0.76772 z m 0.855,-1.16466 0.553,1.47598 -0.427,1.26038 -0.784,-1.06593 0.658,-1.67043 z m -7.699,-0.52088 0.06,1.5052 0.968,-0.15717 -0.584,2.06436 1.288,0.63271 -0.452,0.56521 -0.476,-0.43625 -0.055,0.53498 0.673,0.36169 -1.042,0.80298 0.111,2.37769 0.468,-1.74801 0.792,-0.0836 0.084,0.74555 -0.687,4.25768 -0.257,-0.22467 -0.058,0.48561 -0.813,-0.3637 0.133,0.79189 -0.88,0.34759 0.156,0.61356 0.294,-0.32945 0.144,0.38285 0.739,-0.78081 -0.176,-0.57931 0.734,0.44632 -0.947,4.02394 -0.272,-0.63674 -1.076,-0.31937 0.008,-1.07601 -0.615,0.20452 -0.202,-1.21806 0.583,0.0897 0.174,-0.4433 -0.264,-0.31233 -0.496,0.35061 -0.418,-1.78427 -0.55,0.50173 -0.324,-3.01141 -0.489,0.20553 -0.198,-0.48058 1.023,-2.1097 0.51,1.2624 0.312,-0.20553 0.053,0.83421 0.144,-0.28009 0.264,-4.95991 1.616,-2.84819 z m 0.75,0.37277 0.37,-0.0131 -0.121,0.73346 -0.526,-0.0897 0.277,-0.6307 z m 3.455,-0.807 0.246,0.70021 -0.456,-0.22971 -0.099,0.44733 -0.164,-0.60853 0.473,-0.3093 z m 3.685,-0.13097 0.187,0.52994 0.404,-0.49267 -0.109,1.20698 -0.783,-0.54102 0.301,-0.70323 z m -2.854,-0.40401 -0.404,1.06996 -0.432,-1.22915 0.529,0.16423 0.161,-0.64379 0.146,0.63875 z m -3.45,-0.63271 1.278,0.37076 0.601,-0.27102 0.48,0.85134 -0.638,0.43221 0.453,1.08709 -0.71,-0.0554 0.088,0.85738 -0.591,-0.16523 -0.426,0.74152 0.215,0.5108 -1.001,0.93596 -0.534,-0.67401 0.644,-3.04566 -0.578,-0.18639 0.169,-0.60651 0.297,0.21459 0.359,-0.45639 -0.106,-0.54103 z m 22.254,-0.22568 0.744,0.70223 0.114,1.10321 -1.131,-0.17632 -0.248,-0.86644 0.521,-0.76268 z m -18.511,-2.01398 -0.482,1.18481 -0.272,-0.10982 0.235,-1.08406 0.519,0.009 z m -5.117,-8.89721 0.142,2.36661 -0.486,-1.68957 0.344,-0.67704 z m 3.934,-1.86588 0.482,0.0766 -0.353,0.58737 0.48,0.0252 0.547,1.64928 -0.418,0.71431 0.97,1.37624 -0.47,1.44375 0.217,3.1313 -0.76,0.34254 -0.021,0.31938 0.562,-0.0403 -0.893,0.51483 -0.017,0.81204 -1.764,-0.46949 1.351,2.31019 -1.306,0.3758 -1.274,-0.36774 -0.351,0.51584 -0.719,-0.0997 -0.439,-0.60551 0.168,-5.76087 -0.481,-0.23978 0.412,0.0141 1.029,-1.36013 -0.528,-0.48057 0.377,-0.63069 -0.465,-2.24672 0.291,0.36068 1.548,-1.94044 0.653,0.52189 0,0 0.628,-0.14911 0,0 0.544,-0.70021 z m -4.254,-1.63618 0.507,0.29217 0.034,1.9344 -0.425,1.01455 -0.541,0.11385 0.285,0.41105 -0.437,0.73447 -0.419,-1.68957 0.448,-2.16209 0.548,-0.64883 z m 6.511,-0.1078 -0.569,0.64379 0.07,0.69819 -0.646,-0.12996 0.163,-1.03974 0.261,0.42416 0.721,-0.59644 z m 0.475,-12.41236 0.326,1.0357 -0.216,1.94044 0.222,0.67603 0.337,-0.37076 0.198,0.32341 -0.326,0.51483 0.739,0.99642 -0.519,0.70726 -0.691,-0.90876 -0.617,-0.1743 -0.355,0.52692 -0.337,-0.67502 -0.412,0.35161 1.233,0.51483 0.063,0.93395 0.704,-0.11384 -0.007,0.49065 0.437,-0.28714 -0.721,2.016 0.056,2.10668 -0.648,1.12739 -0.797,-0.13904 0.185,0.47655 -0.837,-1.03369 -0.385,0.14709 -0.306,0.69517 0.771,1.08609 -0.548,0.53195 -0.113,-0.82715 -0.517,0.0494 -0.583,1.18884 0.388,0.95007 0,0 -0.628,0.14911 0,0 -1.021,-0.81909 -10e-4,-1.5314 0.505,-0.0242 0.143,-0.55815 -0.769,-0.1209 0.174,-1.53039 0.535,-0.14911 -0.256,-0.65689 0.785,-0.26396 -0.791,-0.29923 0.378,-1.79838 0.559,-0.44229 -0.669,-0.43121 0.413,-0.53196 -0.431,-0.16825 0.372,-1.40042 0.576,-0.23172 -0.5,-0.35867 0.518,0 0.343,-0.59241 -0.262,-0.89869 1.21,-0.65286 -0.25,-0.74756 0.989,-0.1743 0.506,0.35867 -0.023,-0.97626 0.467,0.67099 0.404,-0.67804 z m -0.285,-2.21549 0.251,1.06089 -1.069,-0.6055 0.818,-0.45539 z m 13.096,-26.52437 -0.617,1.4518 0.021,-0.82615 0.596,-0.62565 z'
onClick={() => alert("Andaman and Nicobar Islands")}
/>
Any help is appreciated !
Can an external SVG document contain an AngularJS ng-click or ng-model directive?
I'm creating a touchscreen directory and I'm using AngularJS framework. I want some information to appear in the html document when a shape in the SVG document is clicked on. I'm using the object tag to embed the svg document into the html document. If I add a ng-if or ng-model directive in the external SVG document, will that work? If it does, do I need to put a ng-controller directive in the SVG document ? Example: HTML <object ng-attr-data="image.svg" type="image/svg+xml"></object> <div ng-if="click">Hello</div> SVG <svg> <g id="Layer_2"> <rect x="95.8" y="61.3" id="101" class="st2" width="349.5" height="227.1" ng-model="click"/> </g> </svg>
To do this, the svg code must be compiled by AngularJS, so it can interprets directives like ng-click withing <svg>...</svg> code
The trick is to create a custom directive, using svg image file as template for the directive.
Here is a sample code :
Project structure
|_ index.html
|_ module.js
|_ assets
|_ ellipses.svg
|_ tux-mono.svg
index.html
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="module.js"></script>
</head>
<body ng-controller="MyController">
<svg-component data-uid="ellipses-1" data-filename="assets/ellipses.svg"></svg-component>
<svg-component data-uid="ellipses-2" data-filename="assets/ellipses.svg"></svg-component>
<svg-component data-uid="tux" data-filename="assets/tux-mono.svg"></svg-component>
<p ng-if="data.componentUid && data.objectName">
<strong ng-bind="data.objectName"></strong> object was clicked in
<strong ng-bind="data.componentUid"></strong> component
</p>
</body>
</html>
module.js
(function () {
'use strict';
angular.module('app', []);
angular.
module('app')
.controller('MyController', ['$scope', '$rootScope', function ($scope, $rootScope) {
$rootScope.$on('SVG_COMPONENT_ON_CLICK', function (event, data) {
$scope.data = data;
});
}])
.directive('svgComponent', ['$rootScope', function ($rootScope) {
return {
restrict: 'E',
templateUrl: function (element, attrs) {
return attrs.filename;
},
scope: {},
link: link
};
function link(scope, element, attrs) {
scope.callback = function (objectName) {
$rootScope.$broadcast('SVG_COMPONENT_ON_CLICK', {
componentUid: attrs.uid,
objectName: objectName
});
}
}
}]);
})();
ellipses.svg
<svg height="150" width="500">
<ellipse ng-click="callback('Purple')" cx="240" cy="100" rx="220" ry="30" style="fill:purple" />
<ellipse ng-click="callback('Green')" cx="220" cy="70" rx="190" ry="20" style="fill:lime" />
<ellipse ng-click="callback('Yellow')" cx="210" cy="45" rx="170" ry="15" style="fill:yellow" />
Sorry, your browser does not support inline SVG.
</svg>
tux-mono.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178pt" height="215pt" viewBox="0 0 178 215" version="1.1">
<g id="surface1">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(12.54902%,12.54902%,12.54902%);fill-opacity:1;" d="M 170.976562 169.433594 C 170.976562 169.433594 170.972656 169.429688 170.972656 169.425781 C 169.453125 167.714844 168.730469 164.539062 167.953125 161.15625 C 167.179688 157.777344 166.3125 154.132812 163.539062 151.769531 C 163.53125 151.765625 163.523438 151.761719 163.519531 151.753906 C 162.96875 151.273438 162.40625 150.871094 161.835938 150.53125 C 161.269531 150.195312 160.691406 149.917969 160.113281 149.703125 C 163.96875 138.261719 162.457031 126.871094 158.5625 116.578125 C 153.785156 103.941406 145.441406 92.933594 139.070312 85.40625 C 131.9375 76.40625 124.960938 67.867188 125.101562 55.253906 C 125.3125 36 127.21875 0.296875 93.335938 0.25 C 91.960938 0.246094 90.523438 0.304688 89.023438 0.425781 C 51.164062 3.472656 61.207031 43.472656 60.644531 56.863281 C 59.953125 66.660156 57.96875 74.378906 51.230469 83.953125 C 43.316406 93.363281 32.171875 108.597656 26.894531 124.453125 C 24.40625 131.9375 23.21875 139.566406 24.3125 146.785156 C 23.96875 147.09375 23.644531 147.414062 23.332031 147.746094 C 21.011719 150.226562 19.292969 153.230469 17.378906 155.253906 C 15.59375 157.039062 13.046875 157.71875 10.246094 158.71875 C 7.449219 159.726562 4.375 161.203125 2.511719 164.785156 C 2.511719 164.785156 2.511719 164.789062 2.507812 164.789062 C 2.503906 164.792969 2.503906 164.800781 2.496094 164.804688 C 1.621094 166.441406 1.335938 168.210938 1.335938 170.003906 C 1.335938 171.660156 1.578125 173.339844 1.828125 174.957031 C 2.34375 178.320312 2.863281 181.503906 2.171875 183.660156 C -0.0429688 189.71875 -0.328125 193.90625 1.234375 196.945312 C 2.796875 199.988281 6.011719 201.332031 9.640625 202.09375 C 16.90625 203.609375 26.746094 203.234375 34.496094 207.34375 L 35.164062 206.085938 L 34.503906 207.34375 C 42.804688 211.683594 51.21875 213.226562 57.933594 211.691406 C 62.800781 210.582031 66.753906 207.683594 68.78125 203.222656 C 74.03125 203.199219 79.796875 200.972656 89.023438 200.464844 C 95.289062 199.960938 103.109375 202.691406 112.109375 202.191406 C 112.34375 203.164062 112.683594 204.105469 113.148438 204.996094 C 113.152344 205.003906 113.15625 205.015625 113.164062 205.023438 C 116.648438 211.996094 123.128906 215.1875 130.039062 214.640625 C 136.953125 214.097656 144.304688 210.019531 150.25 202.949219 L 149.160156 202.03125 L 150.257812 202.9375 C 155.921875 196.066406 165.324219 193.21875 171.5625 189.460938 C 174.679688 187.578125 177.207031 185.226562 177.40625 181.804688 C 177.601562 178.386719 175.59375 174.558594 170.976562 169.433594 Z M 170.976562 169.433594 "/>
<path ng-click="callback('Left feet')" style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 174.558594 181.640625 C 174.441406 183.753906 172.914062 185.320312 170.089844 187.019531 C 164.449219 190.421875 154.453125 193.382812 148.070312 201.113281 C 142.523438 207.710938 135.765625 211.335938 129.8125 211.804688 C 123.859375 212.273438 118.726562 209.804688 115.695312 203.726562 L 115.691406 203.714844 L 115.683594 203.699219 C 113.800781 200.125 114.585938 194.488281 116.167969 188.539062 C 117.75 182.589844 120.023438 176.480469 120.328125 171.515625 L 120.328125 171.503906 C 120.648438 165.140625 121.007812 159.585938 122.074219 155.300781 C 123.144531 151.011719 124.828125 148.113281 127.808594 146.480469 C 127.945312 146.40625 128.085938 146.332031 128.222656 146.265625 C 128.558594 151.773438 131.289062 157.390625 136.105469 158.605469 C 141.382812 159.996094 148.984375 155.472656 152.195312 151.78125 C 152.835938 151.753906 153.460938 151.722656 154.070312 151.707031 C 156.886719 151.640625 159.246094 151.800781 161.664062 153.914062 L 161.675781 153.925781 C 163.53125 155.496094 164.414062 158.46875 165.179688 161.792969 C 165.945312 165.121094 166.554688 168.742188 168.851562 171.324219 L 168.851562 171.328125 L 168.855469 171.332031 C 173.265625 176.226562 174.683594 179.53125 174.558594 181.640625 Z M 174.558594 181.640625 "/>
<path ng-click="callback('Right feet')" style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 67.371094 197.238281 L 67.371094 197.269531 C 66.859375 203.953125 63.089844 207.59375 57.300781 208.917969 C 51.515625 210.238281 43.667969 208.921875 35.832031 204.824219 C 35.828125 204.824219 35.828125 204.824219 35.824219 204.824219 C 27.15625 200.230469 16.84375 200.6875 10.226562 199.304688 C 6.917969 198.613281 4.757812 197.574219 3.765625 195.644531 C 2.777344 193.710938 2.753906 190.34375 4.859375 184.601562 L 4.871094 184.578125 L 4.878906 184.550781 C 5.921875 181.339844 5.148438 177.824219 4.640625 174.523438 C 4.136719 171.226562 3.890625 168.226562 5.015625 166.132812 L 5.027344 166.113281 C 6.46875 163.335938 8.585938 162.339844 11.210938 161.398438 C 13.835938 160.457031 16.949219 159.71875 19.40625 157.253906 L 19.433594 157.226562 C 21.707031 154.828125 23.414062 151.820312 25.414062 149.691406 C 27.097656 147.890625 28.785156 146.695312 31.328125 146.679688 C 31.359375 146.683594 31.386719 146.683594 31.414062 146.679688 C 31.859375 146.683594 32.332031 146.71875 32.832031 146.796875 C 36.207031 147.308594 39.148438 149.667969 41.984375 153.511719 L 50.171875 168.429688 L 50.171875 168.4375 L 50.175781 168.441406 C 52.355469 172.988281 56.953125 177.992188 60.851562 183.09375 C 64.75 188.195312 67.765625 193.316406 67.371094 197.238281 Z M 67.371094 197.238281 "/>
<path ng-click="callback('Nose')" style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 108.191406 58.171875 C 107.535156 56.886719 106.191406 55.660156 103.90625 54.722656 L 103.902344 54.71875 L 103.894531 54.71875 C 99.140625 52.683594 97.078125 52.539062 94.425781 50.8125 C 90.109375 48.039062 86.542969 47.066406 83.578125 47.078125 C 82.023438 47.082031 80.636719 47.359375 79.394531 47.789062 C 75.78125 49.03125 73.386719 51.621094 71.882812 53.046875 L 71.878906 53.046875 C 71.878906 53.050781 71.878906 53.050781 71.878906 53.050781 C 71.582031 53.332031 71.203125 53.585938 70.28125 54.261719 C 69.355469 54.941406 67.964844 55.960938 65.964844 57.460938 C 64.1875 58.792969 63.609375 60.527344 64.226562 62.558594 C 64.835938 64.59375 66.796875 66.9375 70.382812 68.964844 L 70.386719 68.96875 L 70.394531 68.972656 C 72.621094 70.28125 74.140625 72.042969 75.886719 73.445312 C 76.757812 74.144531 77.675781 74.769531 78.78125 75.242188 C 79.886719 75.714844 81.175781 76.035156 82.789062 76.128906 C 86.578125 76.351562 89.371094 75.210938 91.832031 73.800781 C 94.300781 72.394531 96.390625 70.671875 98.789062 69.894531 L 98.792969 69.890625 L 98.796875 69.890625 C 103.710938 68.355469 107.21875 65.261719 108.316406 62.324219 C 108.863281 60.855469 108.847656 59.460938 108.191406 58.171875 Z M 108.191406 58.171875 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(12.54902%,12.54902%,12.54902%);fill-opacity:1;" d="M 95.722656 65.425781 C 91.8125 67.464844 87.246094 69.9375 82.386719 69.9375 C 77.527344 69.9375 73.691406 67.691406 70.929688 65.503906 C 69.550781 64.414062 68.429688 63.324219 67.585938 62.535156 C 66.117188 61.378906 66.292969 59.753906 66.898438 59.800781 C 67.90625 59.929688 68.058594 61.257812 68.695312 61.851562 C 69.554688 62.65625 70.632812 63.699219 71.9375 64.734375 C 74.546875 66.800781 78.027344 68.816406 82.386719 68.816406 C 86.734375 68.816406 91.8125 66.261719 94.914062 64.523438 C 96.667969 63.539062 98.902344 61.773438 100.726562 60.433594 C 102.121094 59.410156 102.070312 58.175781 103.222656 58.308594 C 104.375 58.445312 103.523438 59.675781 101.910156 61.082031 C 100.296875 62.492188 97.773438 64.359375 95.722656 65.425781 Z M 95.722656 65.425781 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 155.597656 148.867188 C 155.054688 148.847656 154.519531 148.851562 154 148.863281 C 153.953125 148.863281 153.90625 148.863281 153.855469 148.863281 C 155.199219 144.625 152.226562 141.496094 144.3125 137.917969 C 136.105469 134.308594 129.566406 134.664062 128.460938 141.988281 C 128.390625 142.371094 128.332031 142.765625 128.289062 143.160156 C 127.675781 143.375 127.058594 143.644531 126.441406 143.984375 C 122.585938 146.09375 120.484375 149.917969 119.3125 154.613281 C 118.144531 159.304688 117.808594 164.96875 117.488281 171.34375 C 117.488281 171.34375 117.488281 171.34375 117.488281 171.347656 C 117.289062 174.550781 115.96875 178.886719 114.636719 183.476562 C 101.191406 193.066406 82.53125 197.222656 66.683594 186.40625 C 65.613281 184.710938 64.378906 183.027344 63.113281 181.367188 C 62.300781 180.308594 61.46875 179.253906 60.644531 178.214844 C 62.269531 178.21875 63.652344 177.949219 64.769531 177.445312 C 66.160156 176.8125 67.136719 175.804688 67.621094 174.503906 C 68.585938 171.90625 67.613281 168.242188 64.523438 164.054688 C 61.429688 159.867188 56.191406 155.144531 48.496094 150.425781 C 48.496094 150.425781 48.496094 150.425781 48.496094 150.421875 C 42.84375 146.90625 39.683594 142.59375 38.203125 137.914062 C 36.71875 133.234375 36.925781 128.171875 38.070312 123.171875 C 40.261719 113.582031 45.886719 104.25 49.476562 98.394531 C 50.441406 97.683594 49.820312 99.714844 45.839844 107.105469 C 42.273438 113.859375 35.609375 129.449219 44.734375 141.621094 C 44.980469 132.960938 47.046875 124.128906 50.519531 115.867188 C 55.578125 104.402344 66.15625 84.519531 66.996094 68.675781 C 67.429688 68.992188 68.917969 69.996094 69.578125 70.371094 C 69.582031 70.375 69.582031 70.375 69.585938 70.375 C 71.523438 71.519531 72.984375 73.1875 74.871094 74.707031 C 76.761719 76.226562 79.125 77.539062 82.695312 77.746094 C 83.039062 77.765625 83.371094 77.773438 83.699219 77.773438 C 87.378906 77.773438 90.25 76.574219 92.640625 75.207031 C 95.238281 73.722656 97.3125 72.078125 99.28125 71.4375 C 99.28125 71.433594 99.285156 71.433594 99.289062 71.433594 C 103.445312 70.136719 106.746094 67.835938 108.628906 65.15625 C 111.859375 77.886719 119.367188 96.273438 124.195312 105.246094 C 126.761719 110.003906 131.867188 120.121094 134.074219 132.308594 C 135.46875 132.265625 137.011719 132.46875 138.65625 132.890625 C 144.425781 117.9375 133.769531 101.835938 128.894531 97.351562 C 126.925781 95.441406 126.832031 94.585938 127.808594 94.625 C 133.09375 99.300781 140.035156 108.703125 142.558594 119.320312 C 143.710938 124.160156 143.957031 129.25 142.722656 134.273438 C 143.324219 134.523438 143.941406 134.796875 144.5625 135.089844 C 153.820312 139.597656 157.242188 143.515625 155.597656 148.867188 Z M 155.597656 148.867188 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 108.628906 43.507812 C 108.648438 46.03125 108.210938 48.175781 107.253906 50.371094 C 106.710938 51.621094 106.082031 52.671875 105.332031 53.578125 C 105.074219 53.457031 104.808594 53.339844 104.535156 53.226562 C 103.582031 52.820312 102.738281 52.484375 101.984375 52.199219 C 101.230469 51.914062 100.640625 51.71875 100.03125 51.511719 C 100.472656 50.976562 101.339844 50.351562 101.664062 49.5625 C 102.152344 48.375 102.394531 47.214844 102.4375 45.832031 C 102.4375 45.777344 102.457031 45.730469 102.457031 45.664062 C 102.484375 44.339844 102.308594 43.207031 101.921875 42.046875 C 101.515625 40.832031 101 39.957031 100.253906 39.226562 C 99.507812 38.5 98.761719 38.171875 97.867188 38.140625 C 97.824219 38.136719 97.785156 38.136719 97.742188 38.136719 C 96.902344 38.140625 96.171875 38.429688 95.417969 39.058594 C 94.625 39.722656 94.039062 40.570312 93.546875 41.75 C 93.0625 42.929688 92.820312 44.101562 92.773438 45.492188 C 92.765625 45.546875 92.765625 45.59375 92.765625 45.648438 C 92.75 46.414062 92.796875 47.113281 92.914062 47.792969 C 91.195312 46.933594 88.996094 46.308594 87.476562 45.949219 C 87.386719 45.289062 87.335938 44.613281 87.324219 43.902344 L 87.324219 43.710938 C 87.296875 41.195312 87.707031 39.039062 88.675781 36.847656 C 89.644531 34.65625 90.839844 33.078125 92.523438 31.796875 C 94.210938 30.515625 95.871094 29.929688 97.832031 29.910156 L 97.925781 29.910156 C 99.84375 29.910156 101.488281 30.476562 103.175781 31.699219 C 104.886719 32.941406 106.121094 34.496094 107.117188 36.671875 C 108.09375 38.792969 108.5625 40.863281 108.609375 43.324219 C 108.609375 43.386719 108.609375 43.441406 108.628906 43.507812 Z M 108.628906 43.507812 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 79.609375 46.019531 C 79.355469 46.09375 79.109375 46.171875 78.867188 46.253906 C 77.492188 46.726562 76.402344 47.25 75.347656 47.949219 C 75.449219 47.21875 75.464844 46.480469 75.382812 45.652344 C 75.375 45.605469 75.375 45.570312 75.375 45.523438 C 75.265625 44.425781 75.035156 43.507812 74.644531 42.578125 C 74.234375 41.609375 73.769531 40.925781 73.164062 40.402344 C 72.613281 39.925781 72.09375 39.707031 71.519531 39.710938 C 71.460938 39.710938 71.402344 39.714844 71.339844 39.71875 C 70.695312 39.773438 70.160156 40.089844 69.652344 40.707031 C 69.148438 41.320312 68.816406 42.085938 68.574219 43.101562 C 68.335938 44.113281 68.273438 45.109375 68.375 46.25 C 68.375 46.296875 68.382812 46.335938 68.382812 46.378906 C 68.492188 47.488281 68.714844 48.40625 69.109375 49.335938 C 69.515625 50.292969 69.984375 50.976562 70.59375 51.5 C 70.695312 51.589844 70.796875 51.667969 70.894531 51.738281 C 70.265625 52.226562 69.84375 52.574219 69.324219 52.953125 C 68.988281 53.195312 68.59375 53.484375 68.136719 53.824219 C 67.132812 52.886719 66.351562 51.703125 65.664062 50.148438 C 64.855469 48.308594 64.421875 46.464844 64.292969 44.289062 L 64.292969 44.273438 C 64.171875 42.097656 64.386719 40.226562 64.984375 38.292969 C 65.582031 36.359375 66.382812 34.957031 67.546875 33.808594 C 68.703125 32.65625 69.875 32.074219 71.285156 32.003906 C 71.394531 31.996094 71.503906 31.996094 71.609375 31.996094 C 72.886719 31.996094 74.027344 32.421875 75.207031 33.363281 C 76.488281 34.386719 77.453125 35.695312 78.265625 37.539062 C 79.078125 39.378906 79.511719 41.222656 79.628906 43.398438 L 79.628906 43.414062 C 79.6875 44.328125 79.679688 45.1875 79.609375 46.019531 Z M 79.609375 46.019531 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(12.54902%,12.54902%,12.54902%);fill-opacity:1;" d="M 86.023438 51.222656 C 86.183594 51.742188 87.019531 51.65625 87.503906 51.90625 C 87.925781 52.121094 88.269531 52.601562 88.746094 52.617188 C 89.199219 52.628906 89.910156 52.457031 89.96875 52.007812 C 90.046875 51.410156 89.175781 51.03125 88.613281 50.8125 C 87.894531 50.53125 86.96875 50.386719 86.292969 50.765625 C 86.136719 50.851562 85.96875 51.054688 86.023438 51.222656 Z M 86.023438 51.222656 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(12.54902%,12.54902%,12.54902%);fill-opacity:1;" d="M 81.082031 51.222656 C 80.917969 51.742188 80.082031 51.65625 79.597656 51.90625 C 79.175781 52.121094 78.832031 52.601562 78.355469 52.617188 C 77.902344 52.628906 77.195312 52.457031 77.132812 52.007812 C 77.054688 51.410156 77.925781 51.03125 78.488281 50.8125 C 79.207031 50.53125 80.132812 50.386719 80.808594 50.765625 C 80.964844 50.851562 81.132812 51.054688 81.082031 51.222656 Z M 81.082031 51.222656 "/>
</g>
</svg>
Credits :
ellipses.svg : https://www.w3schools.com/graphics/tryit.asp?filename=trysvg_ellipse2
tux-mono.svg : https://upload.wikimedia.org/wikipedia/commons/3/3a/Tux_Mono.svg
Demo
When you click on an ellipse inside one of the svg image, a callback is called inside the component holding the image and an event is broadcasted with the component unique id and the clicked object name.
Demo on Plunker
Path Fill Not Filling the Path
I am new to creating svg/wpf style images, but I really want the scalability of a vector based image when creating icons and buttons in my WPF application. As I am not the greatest with Expression Blend/Design/Xaml paths...I found an image (peice of toast), traced it in inkscape to get the coordinate data, and put the data into a path in wpf. It worked great, but I only have a stroke and can't figure out how to get the fill to actually fill work. The exact path is below...I am not sure if the path is not connected, or if I am doing something wrong. Can any one tell me what I am doing wrong and how to get the fill to work (Maybe i should be using path geometry??)? <Path x:Name="path" Data="m 1019.9016,2413.6161 c -9.6791,-1.5608 -26.77911,-5.1262 -38,-7.9231 -25.2557,-6.2951 -80.95781,-21.994 -82.65127,-23.2941 -0.68732,-0.5277 -8.28932,-10.6343 -16.89333,-22.4591 l -15.64366,-21.4997 -3.89082,-15.1281 -3.89082,-15.1282 -2.09894,-73.5 -2.09893,-73.5 4.09893,-20.2722 4.09894,-20.2721 9.87843,-17.7279 9.87843,-17.7278 3.65882,-16.5 c 2.01235,-9.075 3.65742,-17.5681 3.65572,-18.8735 -0.002,-1.3053 -6.0781,-25.7947 -13.5031,-54.4208 l -13.5,-52.0473 0,-31.3997 0,-31.3997 -5.96265,-47.6795 c -3.27946,-26.2237 -8.24131,-66.5795 -11.02633,-89.6795 -2.78502,-23.1 -9.15772,-74.85 -14.16156,-115 l -9.09788,-73 2.02018,-77.5 2.02019,-77.5 16.07411,-64 c 14.80469,-58.9457 16.85389,-66.1718 25.94821,-91.5 5.43075,-15.125 13.39094,-38.075 17.6893,-51 4.29836,-12.925 12.41469,-34.56 18.03628,-48.0777 l 10.22107,-24.5776 36.27346,-54.4224 c 19.9504,-29.9323 40.51274,-60.3703 45.69408,-67.64013 l 9.42064,-13.2178 -15.64565,-17.5131 -15.64562,-17.51298 -10.30857,-30.76914 C 958.87955,903.02992 947.21154,871.58319 938.62035,850.07133 930.02916,828.55946 923,810.08374 923,809.01417 c 0,-1.06958 1.80538,-15.19396 4.01195,-31.38752 2.93085,-21.50885 5.48318,-35.64067 9.47164,-52.44284 3.00283,-12.65 6.612,-28.4 8.02039,-35 1.40838,-6.6 4.96838,-21 7.91111,-32 2.94272,-11 7.99067,-30.73137 11.21766,-43.8475 l 5.86725,-23.8475 3.75,0.50234 c 4.32955,0.57998 4.43628,0.33053 1.74626,-4.08151 -2.12927,-3.49232 -2.58385,-6.74465 -1.0732,-7.67828 0.50769,-0.31377 1.21844,-1.91532 1.57946,-3.55902 0.36101,-1.64369 1.03488,-2.98853 1.49748,-2.98853 0.4626,0 1.13639,-1.34452 1.49732,-2.98781 0.36093,-1.6433 1.74669,-3.84557 3.07946,-4.89392 1.33277,-1.04836 2.42322,-2.15629 2.42322,-2.46206 0,-0.30577 1.35,-2.55627 3,-5.0011 1.65,-2.44484 3,-4.78127 3,-5.19207 0,-0.4108 1.72095,-3.49554 3.82434,-6.85498 2.10339,-3.35943 4.11427,-6.89556 4.46862,-7.85806 0.35435,-0.9625 1.10839,-1.75 1.67566,-1.75 0.56728,0 1.03138,-0.675 1.03138,-1.5 0,-0.825 0.3999,-1.5 0.8887,-1.5 0.4888,0 1.1842,-1.575 1.5453,-3.5 0.3612,-1.925 1.0862,-3.5 1.6113,-3.5 0.5251,0 0.9547,-1.5199 0.9547,-3.37756 0,-1.85765 0.675,-3.93775 1.5,-4.62244 0.825,-0.68469 1.5,-1.79565 1.5,-2.46881 0,-0.67315 0.6474,-2.53055 1.4387,-4.12755 0.7913,-1.597 1.9217,-4.18469 2.512,-5.75041 0.5904,-1.56572 1.968,-3.0807 3.0613,-3.36663 1.4042,-0.36718 1.988,-1.36669 1.988,-3.40323 0,-2.52624 0.3654,-2.88337 2.9501,-2.88337 2.89,0 2.9562,-0.11717 3.25,-5.75 0.2839,-5.44331 0.4466,-5.76688 3.0499,-6.06642 2.3031,-0.26501 2.75,-0.79311 2.75,-3.25 0,-2.59287 0.3484,-2.93358 3,-2.93358 3,0 3,0 3,-6 0,-6 0,-6 3,-6 2.8054,0 3,-0.24572 3,-3.78856 0,-4.27117 2.4731,-9.74298 6.0774,-13.44629 1.3324,-1.36908 3.0844,-3.45132 3.8934,-4.62719 1.7187,-2.49847 3.3185,-2.70582 5.3331,-0.69124 1.2622,1.26228 2.0681,0.73752 6.3214,-4.11641 2.6811,-3.05971 5.2862,-6.29824 5.7892,-7.19671 1.2653,-2.26011 2.703,-3.10037 5.3355,-3.11829 1.9898,-0.0135 2.25,-0.52368 2.25,-4.41172 0,-3.81348 0.488,-4.82485 3.6803,-7.62777 3.7622,-3.30326 10.8913,-8.08885 17.8948,-12.01233 5.9469,-3.33154 9.9747,-6.87689 30.2643,-26.63888 16.7672,-16.33124 23.0452,-21.90694 38.9433,-34.58705 11.7869,-9.40104 15.561,-12.45627 19.1315,-15.48756 2.1055,-1.7875 4.3995,-3.25 5.0977,-3.25 0.6982,0 3.1187,-1.62111 5.3788,-3.60247 9.6082,-8.42318 34.5021,-26.60301 42.6844,-31.17206 2.9837,-1.66615 8.2649,-4.63958 11.736,-6.60763 9.235,-5.2361 15.3366,-7.74886 18.1794,-7.48666 3.8101,0.35143 7.1233,-1.04998 11.2624,-4.76386 2.9736,-2.66812 4.6063,-3.36732 7.8627,-3.36732 2.9514,0 4.9943,-0.7315 7.2472,-2.59499 5.59,-4.6238 13.9621,-9.37701 17.5931,-9.98832 1.9493,-0.32818 5.7941,-1.65303 8.5441,-2.94412 2.75,-1.29109 9.7115,-4.19627 15.47,-6.45596 10.8939,-4.27486 20.3674,-10.46818 22.2149,-14.52308 0.591,-1.29709 2.4787,-2.8763 4.1948,-3.50936 1.7162,-0.63305 3.9017,-1.56346 4.8567,-2.06758 0.9551,-0.50413 3.2626,-0.91659 5.1279,-0.91659 1.8653,0 5.007,-0.675 6.9815,-1.5 1.9745,-0.825 4.981,-1.5 6.6811,-1.5 1.7002,0 6.7771,-1.77626 11.2821,-3.94725 4.5051,-2.17099 11.5144,-5.13889 15.5763,-6.59534 4.0619,-1.45644 9.4619,-3.80426 12,-5.21736 2.5381,-1.4131 6.1897,-3.44736 8.1147,-4.52057 1.925,-1.07322 3.725,-2.2619 4,-2.64153 0.275,-0.37962 4.55,-2.36907 9.5,-4.42099 4.95,-2.05192 9.7814,-4.16416 10.7364,-4.69386 0.9551,-0.52971 2.8972,-0.9631 4.3158,-0.9631 1.4186,0 3.4018,-0.44021 4.4072,-0.97825 1.0053,-0.53803 7.0097,-2.07579 13.3431,-3.41724 6.3334,-1.34144 12.5688,-3.11794 13.8564,-3.94777 1.2876,-0.82983 4.1411,-1.81397 6.3411,-2.18696 2.2,-0.373 11.346,-2.43128 20.3245,-4.57396 12.707,-3.03247 17.4714,-3.76496 21.5,-3.30543 4.321,0.49288 6.4413,0.0801 12.8421,-2.50002 4.2166,-1.6997 8.0921,-3.09037 8.6122,-3.09037 1.1489,0 19.9203,-5.76806 22.7212,-6.98179 1.1,-0.47666 6.05,-1.84448 11,-3.0396 4.95,-1.19512 11.25,-2.97875 14,-3.96363 3.3917,-1.2147 8.2165,-1.83433 15,-1.92639 11.509,-0.15618 27.0817,-3.96225 39,-9.53186 8.3155,-3.88599 15.7959,-5.62769 28,-6.51942 4.95,-0.36169 9.675,-0.95318 10.5,-1.31443 2.0001,-0.87582 26.8123,-3.9238 35,-4.29948 8.1688,-0.37482 15.0611,-1.90375 20.046,-4.44688 2.1309,-1.08708 5.5798,-1.97075 7.6642,-1.9637 3.9167,0.0132 11.5501,-1.47751 28.7898,-5.62249 5.5,-1.32238 10.7399,-2.40117 11.6441,-2.39733 0.9043,0.004 8.534,-2.243 16.955,-4.993 9.493,-3.10012 17.085,-5 19.9801,-5 2.5681,0 6.5825,-0.675 8.9208,-1.5 2.3383,-0.825 6.1914,-1.500004 8.5624,-1.500004 4.1261,0 4.3243,0.13835 4.6242,3.227874 0.2884,2.97009 0.6728,3.29216 4.8134,4.03295 4.6839,0.83799 14.6759,0.46039 19.0045,-0.71819 2.1476,-0.58476 2.6695,-0.24455 3.6631,2.38773 0.9218,2.44207 1.7443,3.06964 4.023,3.06964 1.5754,0 3.7933,-0.65062 4.9286,-1.44582 2.4028,-1.68301 24.14,-3.3037 54.3808,-4.05455 10.725,-0.26629 26.7,-0.98944 35.5,-1.60699 14.6125,-1.02545 41.6756,-0.52016 43.8417,0.81857 1.1034,0.68194 12.2132,0.68194 13.3166,0 2.1661,-1.33873 29.2292,-1.84402 43.8417,-0.81857 8.8,0.61755 24.775,1.3407 35.5,1.60699 30.2408,0.75085 51.978,2.37154 54.3808,4.05455 1.1353,0.7952 3.3532,1.44582 4.9286,1.44582 2.2787,0 3.1012,-0.62757 4.023,-3.06964 0.9936,-2.63228 1.5155,-2.97249 3.6631,-2.38773 4.3286,1.17858 14.3206,1.55618 19.0045,0.71819 4.1406,-0.74079 4.525,-1.06286 4.8134,-4.03295 0.2999,-3.089524 0.4981,-3.227874 4.6242,-3.227874 2.371,0 6.2241,0.675004 8.5624,1.500004 2.3383,0.825 6.3527,1.5 8.9208,1.5 2.8951,0 10.4871,1.89988 19.9801,5 8.421,2.75 16.0507,4.99685 16.955,4.993 0.9042,-0.004 6.1441,1.07495 11.6441,2.39733 17.2397,4.14498 24.8731,5.63573 28.7898,5.62249 2.0844,-0.007 5.5333,0.87662 7.6642,1.9637 4.9849,2.54313 11.8772,4.07206 20.046,4.44688 8.1877,0.37568 32.9999,3.42366 35,4.29948 0.825,0.36125 5.55,0.95274 10.5,1.31443 12.2041,0.89173 19.6845,2.63343 28,6.51942 11.9183,5.56961 27.491,9.37568 39,9.53186 6.7835,0.0921 11.6083,0.71169 15,1.92639 2.75,0.98488 9.05,2.76851 14,3.96363 4.95,1.19512 9.9,2.56294 11,3.0396 2.8009,1.21373 21.5723,6.98179 22.7212,6.98179 0.5201,0 4.3956,1.39067 8.6122,3.09037 6.4008,2.58013 8.5211,2.9929 12.8421,2.50002 4.0286,-0.45953 8.793,0.27296 21.5,3.30543 8.9785,2.14268 18.1245,4.20096 20.3245,4.57396 2.2,0.37299 5.0535,1.35713 6.3411,2.18696 1.2876,0.82983 7.523,2.60633 13.8564,3.94777 6.3334,1.34145 12.3378,2.87921 13.3431,3.41724 1.0054,0.53804 2.9886,0.97825 4.4072,0.97825 1.4186,0 3.3607,0.43339 4.3158,0.9631 0.955,0.5297 5.7864,2.64194 10.7364,4.69386 4.95,2.05192 9.225,4.04137 9.5,4.42099 0.275,0.37963 2.075,1.56831 4,2.64153 1.925,1.07321 5.5766,3.10747 8.1147,4.52057 2.5381,1.4131 7.9381,3.76092 12,5.21736 4.0619,1.45645 11.0712,4.42435 15.5763,6.59534 4.505,2.17099 9.5819,3.94725 11.2821,3.94725 1.7001,0 4.7066,0.675 6.6811,1.5 1.9745,0.825 5.1162,1.5 6.9815,1.5 1.8653,0 4.1728,0.41246 5.1279,0.91659 0.955,0.50412 3.1405,1.43453 4.8567,2.06758 1.7161,0.63306 3.6038,2.21227 4.1948,3.50936 1.8475,4.0549 11.321,10.24822 22.2149,14.52308 5.7585,2.25969 12.72,5.16487 15.47,6.45596 2.75,1.29109 6.5948,2.61594 8.5441,2.94412 3.631,0.61131 12.0031,5.36452 17.5931,9.98832 2.2529,1.86349 4.2958,2.59499 7.2472,2.59499 3.2564,0 4.8891,0.6992 7.8627,3.36732 4.1391,3.71388 7.4523,5.11529 11.2624,4.76386 2.8428,-0.2622 8.9444,2.25056 18.1794,7.48666 3.4711,1.96805 8.7523,4.94148 11.736,6.60763 8.1823,4.56905 33.0762,22.74888 42.6844,31.17206 2.2601,1.98136 4.6806,3.60247 5.3788,3.60247 0.6982,0 2.9922,1.4625 5.0977,3.25 3.5705,3.03129 7.3446,6.08652 19.1315,15.48756 15.8981,12.68011 22.1761,18.25581 38.9433,34.58705 20.2896,19.76199 24.3174,23.30734 30.2643,26.63888 7.0035,3.92348 14.1326,8.70907 17.8948,12.01233 3.1923,2.80292 3.6803,3.81429 3.6803,7.62777 0,3.88804 0.2602,4.39818 2.25,4.41172 2.6325,0.0179 4.0702,0.85818 5.3355,3.11829 0.503,0.89847 3.1081,4.137 5.7892,7.19671 4.2533,4.85393 5.0592,5.37869 6.3214,4.11641 2.0146,-2.01458 3.6144,-1.80723 5.3331,0.69124 0.809,1.17587 2.561,3.25811 3.8934,4.62719 3.6043,3.70331 6.0774,9.17512 6.0774,13.44629 0,3.54284 0.1946,3.78856 3,3.78856 3,0 3,0 3,6 0,6 0,6 3,6 2.6516,0 3,0.34071 3,2.93358 0,2.45689 0.4469,2.98499 2.75,3.25 2.6033,0.29954 2.766,0.62311 3.0499,6.06642 0.2938,5.63283 0.36,5.75 3.25,5.75 2.5847,0 2.9501,0.35713 2.9501,2.88337 0,2.03654 0.5838,3.03605 1.988,3.40323 1.0933,0.28593 2.4709,1.80091 3.0613,3.36663 0.5903,1.56572 1.7207,4.15341 2.512,5.75041 0.7913,1.597 1.4387,3.4544 1.4387,4.12755 0,0.67316 0.675,1.78412 1.5,2.46881 0.825,0.68469 1.5,2.76479 1.5,4.62244 0,1.85766 0.4296,3.37756 0.9547,3.37756 0.5251,0 1.2501,1.575 1.6113,3.5 0.3611,1.925 1.0565,3.5 1.5453,3.5 0.4888,0 0.8887,0.675 0.8887,1.5 0,0.825 0.4641,1.5 1.0314,1.5 0.5672,0 1.3213,0.7875 1.6756,1.75 0.3544,0.9625 2.3653,4.49863 4.4687,7.85806 2.1033,3.35944 3.8243,6.44418 3.8243,6.85498 0,0.4108 1.35,2.74723 3,5.19207 1.65,2.44483 3,4.69533 3,5.0011 0,0.30577 1.0904,1.4137 2.4232,2.46206 1.3328,1.04835 2.7185,3.25062 3.0795,4.89392 0.3609,1.64329 1.0347,2.98781 1.4973,2.98781 0.4626,0 1.1365,1.34484 1.4975,2.98853 0.361,1.6437 1.0718,3.24525 1.5794,3.55902 1.5107,0.93363 1.0561,4.18596 -1.0732,7.67828 -2.69,4.41204 -2.5833,4.66149 1.7463,4.08151 l 3.75,-0.50234 5.8672,23.8475 c 3.227,13.11613 8.275,32.8475 11.2177,43.8475 2.9427,11 6.5027,25.4 7.9111,32 1.4084,6.6 5.0176,22.35 8.0204,35 3.9885,16.80217 6.5408,30.93399 9.4716,52.44284 2.2066,16.19356 4.012,30.31794 4.012,31.38752 0,1.06957 -7.0292,19.54529 -15.6203,41.05716 -8.5912,21.51186 -20.2593,52.95859 -25.929,69.88162 l -10.3085,30.76914 -15.6457,17.51298 -15.6456,17.5131 9.4206,13.2178 c 5.1814,7.26983 25.7437,37.70783 45.6941,67.64013 l 36.2735,54.4224 10.2211,24.5776 c 5.6215,13.5177 13.7379,35.1527 18.0362,48.0777 4.2984,12.925 12.2586,35.875 17.6893,51 9.0943,25.3282 11.1436,32.5543 25.9482,91.5 l 16.0742,64 2.0201,77.5 2.0202,77.5 -9.0979,73 c -5.0038,40.15 -11.3765,91.9 -14.1615,115 -2.785,23.1 -7.7469,63.4558 -11.0263,89.6795 l -5.9627,47.6795 0,31.3997 0,31.3997 -13.5,52.0473 c -7.425,28.6261 -13.5014,53.1155 -13.5031,54.4208 0,1.3054 1.6434,9.7985 3.6557,18.8735 l 3.6588,16.5 9.8785,17.7278 9.8784,17.7279 4.0989,20.2721 4.099,20.2722 -2.099,73.5 -2.0989,73.5 -3.8908,15.1282 -3.8908,15.1281 -15.6437,21.4997 c -8.604,11.8248 -16.206,21.9314 -16.8933,22.4591 -1.6895,1.297 -57.372,16.9932 -82.5181,23.2607 -20.1542,5.0233 -54.3392,11.0242 -62.8012,11.0242 -4.256,0 -4.4304,-0.1181 -4.4304,-3 l 0,-3 -56.5069,0 c -47.0759,0 -60.72,-0.3296 -81.75,-1.9746 -16.4076,-1.2835 -53.4194,-2.6938 -105.7431,-4.0293 -44.275,-1.1301 -101.2,-2.9091 -126.5,-3.9534 l -46,-1.8986 -34.5,-6.0581 c -29.0438,-5.1 -41.1918,-6.6929 -76.8132,-10.072 -55.0335,-5.2207 -60.8982,-5.2143 -107.1868,0.1168 l -36.5,4.2037 -38,-4.0001 -38,-4.0001 -37.5,3.7985 c -36.9664,3.7443 -38.1098,3.7989 -80.35,3.8328 l -42.85,0.034 -21.0574,-11.5 c -11.5815,-6.325 -21.774,-11.4891 -22.65,-11.4759 -0.8759,0.013 -10.3676,2.7677 -21.0926,6.1209 -10.725,3.3532 -20.625,6.0967 -22,6.0967 -1.375,0 -11.275,-2.7435 -22,-6.0967 -10.725,-3.3532 -20.2167,-6.1076 -21.0926,-6.1209 -0.876,-0.013 -11.0685,5.1509 -22.65,11.4759 l -21.0574,11.5 -42.85,-0.034 c -42.2402,-0.034 -43.3836,-0.088 -80.35,-3.8328 l -37.5,-3.7985 -38,4.0001 -38,4.0001 -36.5,-4.2037 c -46.2886,-5.3311 -52.1533,-5.3375 -107.1868,-0.1168 -35.6214,3.3791 -47.7694,4.972 -76.8132,10.072 l -34.5,6.0581 -46,1.8986 c -25.3,1.0443 -82.225,2.8233 -126.5,3.9534 -52.3237,1.3355 -89.3355,2.7458 -105.7431,4.0293 -21.03,1.645 -34.6741,1.9746 -81.75,1.9746 l -56.5069,0 0,3 c 0,2.9988 0,3 -5.75,2.8851 -3.1625,-0.063 -13.6693,-1.3919 -23.3484,-2.9528 z m 27.0984,-1.9323 0,-3 54.25,-0.01 c 45.3099,-0.01 58.2051,-0.3354 78.25,-1.9919 15.8644,-1.311 49.7629,-2.6562 100,-3.9683 41.8,-1.0918 100.075,-2.9185 129.5,-4.0595 l 53.5,-2.0746 34.4157,-6.0181 c 28.0876,-4.9116 41.8783,-6.7382 75,-9.9339 55.479,-5.3529 71.0717,-5.3565 115.5843,-0.026 l 32,3.8317 38,-3.9915 38,-3.9915 41.5,4.1308 c 40.6923,4.0504 42.2433,4.1305 79.6943,4.1163 l 38.1943,-0.015 21.9474,-12 c 12.0711,-6.6 22.5587,-11.9947 23.3057,-11.9883 0.7471,0.01 10.3583,2.7771 21.3583,6.1571 11,3.38 21.125,6.1454 22.5,6.1454 1.375,0 11.5,-2.7654 22.5,-6.1454 11,-3.38 20.6112,-6.1507 21.3583,-6.1571 0.747,-0.01 11.2346,5.3883 23.3057,11.9883 l 21.9474,12 38.1943,0.015 c 37.451,0.014 39.002,-0.066 79.6943,-4.1163 l 41.5,-4.1308 38,3.9915 38,3.9915 32,-3.8317 c 44.5126,-5.33 60.1053,-5.3264 115.5843,0.026 33.1217,3.1957 46.9124,5.0223 75,9.9339 l 34.4157,6.0181 53.5,2.0746 c 29.425,1.141 87.7,2.9677 129.5,4.0595 50.2371,1.3121 84.1356,2.6573 100,3.9683 20.0449,1.6565 32.9401,1.9847 78.25,1.9919 l 54.25,0.01 0,3 c 0,1.65 0.4609,3 1.0242,3 0.5632,0 10.1257,-1.3886 21.25,-3.0857 25.5829,-3.9029 67.9538,-14.5076 121.9542,-30.5228 0.9507,-0.2819 8.9403,-10.4032 17.7548,-22.4917 l 16.0263,-21.979 3.9703,-16.2104 3.9703,-16.2104 1.928,-71 1.9279,-71 -3.9913,-19.8938 -3.9914,-19.8938 -9.9524,-17.8458 -9.9523,-17.8459 -4.1236,-18.4859 -4.1235,-18.486 14.183,-54.7744 14.183,-54.7744 -0.019,-32.3267 -0.019,-32.3267 5.4728,-43.6733 c 3.01,-24.0203 9.0975,-73.5983 13.5278,-110.1733 4.4304,-36.575 10.9263,-89.45 14.4354,-117.5 l 6.3802,-51 -1.9956,-75.5 -1.9956,-75.5 -15.8538,-63.5 c -14.3257,-57.3797 -16.7358,-65.9578 -25.0056,-89 -5.0335,-14.025 -13.322,-37.875 -18.4189,-53 -5.0969,-15.125 -13.6444,-38.0247 -18.9943,-50.8882 l -9.7272,-23.3882 -35.0611,-52.6118 c -19.2836,-28.9365 -39.9442,-59.4399 -45.9126,-67.7853 -5.9683,-8.34553 -10.8515,-15.70353 -10.8515,-16.35123 0,-0.6478 7.126,-9.1197 15.8356,-18.8265 l 15.8355,-17.64876 8.7642,-26.5 c 4.8202,-14.575 16.4453,-45.84975 25.8335,-69.49944 l 17.0694,-42.99944 -3.7934,-30.50056 c -4.1556,-33.41227 -3.4104,-29.98336 -30.2654,-139.26949 -9.7743,-39.77653 -11.9927,-47.65845 -13.2589,-47.10858 -0.8363,0.3632 -2.758,0.8728 -4.2705,1.13244 -2.4233,0.41599 -2.75,0.15924 -2.75,-2.1613 0,-1.44836 1.117,-4.40282 2.4822,-6.56547 1.3652,-2.16265 2.0749,-4.18387 1.577,-4.4916 -0.4979,-0.30772 -1.2007,-1.90433 -1.5617,-3.54803 -0.3605,-1.64369 -1.0344,-2.98853 -1.497,-2.98853 -0.4626,0 -1.1364,-1.34452 -1.4973,-2.98781 -0.361,-1.6433 -1.7467,-3.84557 -3.0795,-4.89392 -1.3328,-1.04836 -2.4232,-2.15629 -2.4232,-2.46206 0,-0.30577 -1.35,-2.55627 -3,-5.0011 -1.65,-2.44484 -3,-4.78127 -3,-5.19207 0,-0.4108 -1.8,-3.59701 -4,-7.08047 -2.2,-3.48345 -4,-6.8087 -4,-7.38944 0,-0.58075 -0.675,-1.31492 -1.5,-1.6315 -0.825,-0.31659 -1.5,-1.20246 -1.5,-1.96862 0,-0.76615 -0.3999,-1.39301 -0.8887,-1.39301 -0.4888,0 -1.1842,-1.575 -1.5453,-3.5 -0.3612,-1.925 -1.0862,-3.5 -1.6113,-3.5 -0.5251,0 -0.9547,-1.5199 -0.9547,-3.37756 0,-1.85765 -0.675,-3.93775 -1.5,-4.62244 -0.825,-0.68469 -1.5,-1.79565 -1.5,-2.46881 0,-0.67315 -0.6474,-2.53055 -1.4387,-4.12755 -0.7913,-1.597 -1.9217,-4.18469 -2.512,-5.75041 -0.5904,-1.56572 -1.968,-3.0807 -3.0613,-3.36663 -1.4042,-0.36718 -1.988,-1.36669 -1.988,-3.40323 0,-2.52624 -0.3654,-2.88337 -2.9501,-2.88337 -2.89,0 -2.9562,-0.11717 -3.25,-5.75 -0.2839,-5.44331 -0.4466,-5.76688 -3.0499,-6.06642 -2.3031,-0.26501 -2.75,-0.79311 -2.75,-3.25 0,-2.59287 -0.3484,-2.93358 -3,-2.93358 -3,0 -3,0 -3,-6 0,-6 0,-6 -3,-6 -2.8054,0 -3,-0.24572 -3,-3.78856 0,-4.23802 -2.4325,-9.65596 -6.0774,-13.5361 -1.3324,-1.41847 -3.0727,-3.35047 -3.8672,-4.29333 -0.9506,-1.12803 -1.5776,-1.31549 -1.8334,-0.54815 -0.2137,0.64138 -1.347,1.16614 -2.5183,1.16614 -2.32,0 -12.1562,-9.69969 -13.2131,-13.0297 -0.4826,-1.52038 -1.5234,-1.9703 -4.558,-1.9703 l -3.9326,0 0,-4.90106 c 0,-4.73258 -0.1977,-5.06924 -5.75,-9.79363 -5.889,-5.01082 -8.2742,-6.6723 -14.9362,-10.40421 -5.8273,-3.26429 -9.9433,-6.89211 -30.1532,-26.57649 -16.7672,-16.33124 -23.0452,-21.90694 -38.9433,-34.58705 -11.7869,-9.40104 -15.561,-12.45627 -19.1315,-15.48756 -2.1055,-1.7875 -4.3995,-3.25 -5.0977,-3.25 -0.6982,0 -3.1187,-1.62111 -5.3788,-3.60247 -9.6082,-8.42318 -34.5021,-26.60301 -42.6844,-31.17206 -2.9837,-1.66615 -8.2649,-4.63958 -11.736,-6.60763 -9.3879,-5.3228 -14.8374,-7.52251 -17.1427,-6.91967 -2.8404,0.74277 -7.8382,-1.43122 -12.2396,-5.32411 -3.0663,-2.71197 -4.2617,-3.17447 -7.0397,-2.72366 -2.7527,0.4467 -4.0837,-0.0505 -7.5048,-2.80369 -6.882,-5.5385 -13.3225,-9.15793 -18.6858,-10.50107 -2.792,-0.6992 -6.8763,-2.17093 -9.0763,-3.27051 -2.2,-1.09958 -8.7115,-3.83699 -14.47,-6.08314 -10.884,-4.24539 -20.3616,-10.43089 -22.2149,-14.49846 -0.591,-1.29709 -2.4787,-2.8763 -4.1948,-3.50936 -1.7162,-0.63305 -3.9017,-1.56346 -4.8567,-2.06758 -0.9551,-0.50413 -3.3472,-0.91659 -5.3158,-0.91659 -1.9686,0 -4.4932,-0.4891 -5.6102,-1.08689 -1.1169,-0.59779 -3.9177,-1.21409 -6.2238,-1.36957 -2.3566,-0.15888 -7.8982,-2.06851 -12.6534,-4.36036 -4.6532,-2.24272 -11.7838,-5.26932 -15.8457,-6.72577 -4.0619,-1.45644 -9.4619,-3.80426 -12,-5.21736 -2.5381,-1.4131 -6.1897,-3.44736 -8.1147,-4.52057 -1.925,-1.07322 -3.725,-2.2619 -4,-2.64153 -0.275,-0.37962 -4.55,-2.36907 -9.5,-4.42099 -4.95,-2.05192 -9.7814,-4.16416 -10.7364,-4.69386 -0.9551,-0.52971 -2.8972,-0.9631 -4.3158,-0.9631 -1.4186,0 -3.4018,-0.44021 -4.4072,-0.97825 -1.0053,-0.53803 -7.0097,-2.07579 -13.3431,-3.41724 -6.3334,-1.34144 -12.5688,-3.10521 -13.8564,-3.91948 -1.2876,-0.81426 -5.998,-2.20394 -10.4676,-3.08816 -4.4695,-0.88423 -13.4247,-2.91839 -19.9004,-4.52035 -8.3946,-2.0767 -12.4477,-2.65649 -14.1215,-2.0201 -2.7529,1.04666 -10.9925,-0.30224 -15.2294,-2.49321 -1.5834,-0.81884 -5.9712,-2.36539 -9.7506,-3.43679 -10.565,-2.99501 -20.6582,-6.12729 -22.8716,-7.09787 -1.1,-0.48235 -6.05,-1.84859 -11,-3.03609 -4.95,-1.1875 -10.7345,-2.81176 -12.8544,-3.60946 -2.1255,-0.7998 -8.7827,-1.64517 -14.8414,-1.88466 -12.5666,-0.49673 -28.5074,-4.42876 -40.3042,-9.94161 -8.1635,-3.81494 -15.5091,-5.55813 -28,-6.64472 -4.95,-0.4306 -12.15,-1.26924 -16,-1.86365 -3.85,-0.59441 -10.6,-1.48814 -15,-1.98607 -4.4,-0.49793 -9.27,-1.22431 -10.8221,-1.61418 -1.6512,-0.41472 -3.7397,-0.21779 -5.0335,0.47459 -1.7698,0.94717 -2.8035,0.87461 -5.1778,-0.36347 -1.6316,-0.8508 -3.8666,-1.55408 -4.9666,-1.56284 -1.1,-0.009 -4.4072,-1.13653 -7.3493,-2.50616 -2.9421,-1.36963 -6.9921,-2.48446 -9,-2.47741 -3.7856,0.0133 -11.5382,-1.50809 -28.6507,-5.62249 -5.5,-1.32238 -10.7399,-2.40117 -11.6441,-2.39733 -0.9043,0.004 -8.534,-2.243 -16.955,-4.993 -9.493,-3.10012 -17.085,-5 -19.9801,-5 -2.5681,0 -6.5825,-0.675 -8.9208,-1.5 -6.8642,-2.42183 -8.8195,-2.05407 -9.1866,1.72787 -0.2882,2.96864 -0.6748,3.29317 -4.8134,4.04103 -2.475,0.44724 -8.4168,0.6822 -13.2041,0.52213 -8.1944,-0.27399 -8.7641,-0.15928 -9.7285,1.95897 -0.8553,1.87844 -1.817,2.25 -5.8235,2.25 -2.6394,0 -5.7278,-0.65062 -6.8631,-1.44582 -2.2353,-1.56566 -25.1013,-3.3475 -46.8808,-3.65319 -6.6,-0.0926 -22.35,-0.81554 -35,-1.60645 -21.984,-1.37449 -47.5,-1.02045 -47.5,0.65907 0,0.39218 -4.05,0.71306 -9,0.71306 -4.95,0 -9,-0.32088 -9,-0.71306 0,-1.67952 -25.516,-2.03356 -47.5,-0.65907 -12.65,0.79091 -28.4,1.51381 -35,1.60645 -21.7795,0.30569 -44.6455,2.08753 -46.8808,3.65319 -1.1353,0.7952 -4.2237,1.44582 -6.8631,1.44582 -4.0065,0 -4.9682,-0.37156 -5.8235,-2.25 -0.9644,-2.11825 -1.5341,-2.23296 -9.7285,-1.95897 -4.7873,0.16007 -10.7291,-0.0749 -13.2041,-0.52213 -4.1386,-0.74786 -4.5252,-1.07239 -4.8134,-4.04103 -0.3671,-3.78194 -2.3224,-4.1497 -9.1866,-1.72787 -2.3383,0.825 -6.3527,1.5 -8.9208,1.5 -2.8951,0 -10.4871,1.89988 -19.9801,5 -8.421,2.75 -16.0507,4.99685 -16.955,4.993 -0.9042,-0.004 -6.1441,1.07495 -11.6441,2.39733 -17.1125,4.1144 -24.8651,5.63578 -28.6507,5.62249 -2.0079,-0.007 -6.0579,1.10778 -9,2.47741 -2.9421,1.36963 -6.2493,2.4974 -7.3493,2.50616 -1.1,0.009 -3.335,0.71204 -4.9666,1.56284 -2.3743,1.23808 -3.408,1.31064 -5.1778,0.36347 -1.2938,-0.69238 -3.3823,-0.88931 -5.0335,-0.47459 -1.5521,0.38987 -6.4221,1.11625 -10.8221,1.61418 -4.4,0.49793 -11.15,1.39166 -15,1.98607 -3.85,0.59441 -11.05,1.43305 -16,1.86365 -12.4909,1.08659 -19.8365,2.82978 -28,6.64472 -11.7968,5.51285 -27.7376,9.44488 -40.3042,9.94161 -6.0587,0.23949 -12.7159,1.08486 -14.8414,1.88466 -2.1199,0.7977 -7.9044,2.42196 -12.8544,3.60946 -4.95,1.1875 -9.9,2.55374 -11,3.03609 -2.2134,0.97058 -12.3066,4.10286 -22.8716,7.09787 -3.7794,1.0714 -8.1672,2.61795 -9.7506,3.43679 -4.2369,2.19097 -12.4765,3.53987 -15.2294,2.49321 -1.6738,-0.63639 -5.7269,-0.0566 -14.1215,2.0201 -6.4757,1.60196 -15.4309,3.63612 -19.9004,4.52035 -4.4696,0.88422 -9.18,2.2739 -10.4676,3.08816 -1.2876,0.81427 -7.523,2.57804 -13.8564,3.91948 -6.3334,1.34145 -12.3378,2.87921 -13.3431,3.41724 -1.0054,0.53804 -2.9886,0.97825 -4.4072,0.97825 -1.4186,0 -3.3607,0.43339 -4.3158,0.9631 -0.955,0.5297 -5.7864,2.64194 -10.7364,4.69386 -4.95,2.05192 -9.225,4.04137 -9.5,4.42099 -0.275,0.37963 -2.075,1.56831 -4,2.64153 -1.925,1.07321 -5.5766,3.10747 -8.1147,4.52057 -2.5381,1.4131 -7.9381,3.76092 -12,5.21736 -4.0619,1.45645 -11.1925,4.48305 -15.8457,6.72577 -4.7552,2.29185 -10.2968,4.20148 -12.6534,4.36036 -2.3061,0.15548 -5.1069,0.77178 -6.2238,1.36957 -1.117,0.59779 -3.6416,1.08689 -5.6102,1.08689 -1.9686,0 -4.3607,0.41246 -5.3158,0.91659 -0.955,0.50412 -3.1405,1.43453 -4.8567,2.06758 -1.7161,0.63306 -3.6038,2.21227 -4.1948,3.50936 -1.8533,4.06757 -11.3309,10.25307 -22.2149,14.49846 -5.7585,2.24615 -12.27,4.98356 -14.47,6.08314 -2.2,1.09958 -6.2843,2.57131 -9.0763,3.27051 -5.3633,1.34314 -11.8038,4.96257 -18.6858,10.50107 -3.4211,2.75314 -4.7521,3.25039 -7.5048,2.80369 -2.778,-0.45081 -3.9734,0.0117 -7.0397,2.72366 -4.4014,3.89289 -9.3992,6.06688 -12.2396,5.32411 -2.3053,-0.60284 -7.7548,1.59687 -17.1427,6.91967 -3.4711,1.96805 -8.7523,4.94148 -11.736,6.60763 -8.1823,4.56905 -33.0762,22.74888 -42.6844,31.17206 -2.2601,1.98136 -4.6806,3.60247 -5.3788,3.60247 -0.6982,0 -2.9922,1.4625 -5.0977,3.25 -3.5705,3.03129 -7.3446,6.08652 -19.1315,15.48756 -15.8981,12.68011 -22.1761,18.25581 -38.9433,34.58705 -20.2099,19.68438 -24.3259,23.3122 -30.1532,26.57649 -6.662,3.73191 -9.0472,5.39339 -14.9362,10.40421 -5.5523,4.72439 -5.75,5.06105 -5.75,9.79363 l 0,4.90106 -3.9326,0 c -3.0346,0 -4.0754,0.44992 -4.558,1.9703 -1.0569,3.33001 -10.8931,13.0297 -13.2131,13.0297 -1.1713,0 -2.3046,-0.52476 -2.5183,-1.16614 -0.2558,-0.76734 -0.8828,-0.57988 -1.8334,0.54815 -0.7945,0.94286 -2.5348,2.87486 -3.8672,4.29333 -3.6449,3.88014 -6.0774,9.29808 -6.0774,13.5361 0,3.54284 -0.1946,3.78856 -3,3.78856 -3,0 -3,0 -3,6 0,6 0,6 -3,6 -2.6516,0 -3,0.34071 -3,2.93358 0,2.45689 -0.4469,2.98499 -2.75,3.25 -2.6033,0.29954 -2.766,0.62311 -3.0499,6.06642 -0.2938,5.63283 -0.36,5.75 -3.25,5.75 -2.5847,0 -2.9501,0.35713 -2.9501,2.88337 0,2.03654 -0.5838,3.03605 -1.988,3.40323 -1.0933,0.28593 -2.4709,1.80091 -3.0613,3.36663 -0.5903,1.56572 -1.7207,4.15341 -2.512,5.75041 -0.7913,1.597 -1.4387,3.4544 -1.4387,4.12755 0,0.67316 -0.675,1.78412 -1.5,2.46881 -0.825,0.68469 -1.5,2.76479 -1.5,4.62244 0,1.85766 -0.4296,3.37756 -0.9547,3.37756 -0.5251,0 -1.2501,1.575 -1.6113,3.5 -0.3611,1.925 -1.0565,3.5 -1.5453,3.5 -0.4888,0 -0.8887,0.675 -0.8887,1.5 0,0.825 -0.4641,1.5 -1.0314,1.5 -0.5672,0 -1.3213,0.7875 -1.6756,1.75 -0.35439,0.9625 -2.36527,4.49863 -4.46866,7.85806 -2.10339,3.35944 -3.82434,6.44418 -3.82434,6.85498 0,0.4108 -1.35,2.74723 -3,5.19207 -1.65,2.44483 -3,4.69533 -3,5.0011 0,0.30577 -1.09045,1.4137 -2.42322,2.46206 -1.33277,1.04835 -2.71853,3.25062 -3.07946,4.89392 -0.36093,1.64329 -1.03472,2.98781 -1.49732,2.98781 -0.4626,0 -1.13647,1.34484 -1.49748,2.98853 -0.36102,1.6437 -1.06377,3.24031 -1.56168,3.54803 -0.49791,0.30773 0.21171,2.32895 1.57694,4.4916 1.36522,2.16265 2.48222,5.11711 2.48222,6.56547 0,2.32054 -0.32668,2.57729 -2.75,2.1613 -1.5125,-0.25964 -3.43424,-0.76924 -4.27053,-1.13244 -1.26613,-0.54987 -3.48452,7.33205 -13.25885,47.10858 -26.855,109.28613 -26.10985,105.85722 -30.26539,139.26949 l -3.7934,30.50056 17.06938,42.99944 c 9.38816,23.64969 21.01325,54.92444 25.83353,69.49944 l 8.76415,26.5 15.83555,17.64876 c 8.70956,9.7068 15.83556,18.1787 15.83556,18.8265 0,0.6477 -4.8832,8.0057 -10.85153,16.35123 -5.96834,8.3454 -26.62901,38.8488 -45.9126,67.7853 l -35.06107,52.6118 -9.72719,23.3882 c -5.34996,12.8635 -13.8974,35.7632 -18.99431,50.8882 -5.09692,15.125 -13.38544,38.975 -18.41894,53 -8.26975,23.0422 -10.67986,31.6203 -25.0056,89 l -15.85377,63.5 -1.99561,75.5 -1.99561,75.5 6.38024,51 c 3.50913,28.05 10.00504,80.925 14.43535,117.5 4.43032,36.575 10.51786,86.153 13.52788,110.1733 l 5.47276,43.6733 -0.0187,32.3267 -0.0187,32.3267 14.18296,54.7744 14.18296,54.7744 -4.12351,18.486 -4.1235,18.4859 -9.95238,17.8459 -9.95237,17.8458 -3.99137,19.8938 -3.99136,19.8938 1.92795,71 1.92795,71 3.97029,16.2104 3.9703,16.2104 16.02633,21.979 c 8.81448,12.0885 16.80413,22.2098 17.75477,22.4917 53.13124,15.7575 93.8592,26.0463 119.22848,30.12 26.2995,4.2231 24.9999,4.1977 24.9999,0.4885 z" Fill="Red" Stretch="Uniform" Stroke="Blue"/> Btw...I understand there are alot of points in the data, but like I said I traced an real image using inkscape, if any one knows an easy way to get rid of some of the points (maybe using Blend) that would also be appreciated (I'm not opposed to making the path more rounded).
It looks like its not a closed off solid shape. When adding a drop shadow effect the shadow can be seen inside the lines. Also I noticed if you remove the stroke property the outline will be red, as is specified in your fill.
OK, so the problem was that InkScape actually made a path that represented the border...In otherwords, there were two "lines" that together made an outline of the shape I was trying to get. The fill was actually showing up, but these two lines that represented the border were so close together (and combined with the stroke) I couldn't see the fill I manullay deleted the inner "line" points and as I was doing it the fill started to fill the objected as expected. At first glance it appeared to be a single line, but when I zoomed in dramatically I saw that there were two lines. There are still alot of points, but here is the final result: <Path x:Name="path" Data="M1019.9016,2413.6161 C1010.2225,2412.0553 993.12249,2408.4899 981.9016,2405.693 956.6459,2399.3979 900.94379,2383.699 899.25033,2382.3989 898.56301,2381.8712 890.96101,2371.7646 882.357,2359.9398 L866.71334,2338.4401 862.82252,2323.312 858.9317,2308.1838 856.83276,2234.6838 854.73383,2161.1838 858.83276,2140.9116 862.9317,2120.6395 872.81013,2102.9116 882.68856,2085.1838 886.34738,2068.6838 C888.35973,2059.6088 890.0048,2051.1157 890.0031,2049.8103 890.0011,2048.505 883.925,2024.0156 876.5,1995.3895 L863,1943.3422 863,1911.9425 863,1880.5428 857.03735,1832.8633 C853.75789,1806.6396 848.79604,1766.2838 846.01102,1743.1838 843.226,1720.0838 836.8533,1668.3338 831.84946,1628.1838 L822.75158,1555.1838 824.77176,1477.6838 826.79195,1400.1838 842.86606,1336.1838 C857.67075,1277.2381 859.71995,1270.012 868.81427,1244.6838 874.24502,1229.5588 882.20521,1206.6088 886.50357,1193.6838 890.80193,1180.7588 898.91826,1159.1238 904.53985,1145.6061 L914.76092,1121.0285 951.03438,1066.6061 C970.98478,1036.6738 991.54712,1006.2358 996.72846,998.96597 L1006.1491,985.74817 990.50345,968.23507 974.85783,950.72209 964.54926,919.95295 C958.87955,903.02992 947.21154,871.58319 938.62035,850.07133 930.02916,828.55946 923,810.08374 923,809.01417 923,807.94459 924.80538,793.82021 927.01195,777.62665 929.9428,756.1178 932.49513,741.98598 936.48359,725.18381 939.48642,712.53381 943.09559,696.78381 944.50398,690.18381 945.91236,683.58381 949.47236,669.18381 952.41509,658.18381 955.35781,647.18381 960.40576,627.45244 963.63275,614.33631 L969.5,590.48881 973.25,590.99115 C977.57955,591.57113 977.68628,591.32168 974.99626,586.90964 972.86699,583.41732 972.41241,580.16499 973.92306,579.23136 974.43075,578.91759 975.1415,577.31604 975.50252,575.67234 975.86353,574.02865 976.5374,572.68381 977,572.68381 977.4626,572.68381 978.13639,571.33929 978.49732,569.696 978.85825,568.0527 980.24401,565.85043 981.57678,564.80208 982.90955,563.75372 984,562.64579 984,562.34002 984,562.03425 985.35,559.78375 987,557.33892 988.65,554.89408 990,552.55765 990,552.14685 990,551.73605 991.72095,548.65131 993.82434,545.29187 995.92773,541.93244 997.93861,538.39631 998.29296,537.43381 998.64731,536.47131 999.40135,535.68381 999.96862,535.68381 1000.5359,535.68381 1001,535.00881 1001,534.18381 1001,533.35881 1001.3999,532.68381 1001.8887,532.68381 1002.3775,532.68381 1003.0729,531.10881 1003.434,529.18381 1003.7952,527.25881 1004.5202,525.68381 1005.0453,525.68381 1005.5704,525.68381 1006,524.16391 1006,522.30625 1006,520.4486 1006.675,518.3685 1007.5,517.68381 1008.325,516.99912 1009,515.88816 1009,515.215 1009,514.54185 1009.6474,512.68445 1010.4387,511.08745 1011.23,509.49045 1012.3604,506.90276 1012.9507,505.33704 1013.5411,503.77132 1014.9187,502.25634 1016.012,501.97041 1017.4162,501.60323 1018,500.60372 1018,498.56718 1018,496.04094 1018.3654,495.68381 1020.9501,495.68381 1023.8401,495.68381 1023.9063,495.56664 1024.2001,489.93381 1024.484,484.4905 1030,483.07428 1030,480.61739 1030,478.02452 1030.3484,477.68381 1033,477.68381 1036,477.68381 1036,465.68381 1039,465.68381 1041.8054,465.68381 1042,465.43809 1042,461.89525 1042,457.62408 1044.4731,452.15227 1048.0774,448.44896 1049.4098,447.07988 1051.1618,444.99764 1051.9708,443.82177 1053.6895,441.3233 1055.2893,441.11595 1057.3039,443.13053 1058.5661,444.39281 1059.372,443.86805 1063.6253,439.01412 1066.3064,435.95441 1068.9115,432.71588 1069.4145,431.81741 1070.6798,429.5573 1072.1175,428.71704 1074.75,428.69912 1076.7398,428.68562 1077,428.17544 1077,424.2874 1077,420.47392 1077.488,419.46255 1080.6803,416.65963 1084.4425,413.35637 1091.5716,408.57078 1098.5751,404.6473 1104.522,401.31576 1108.5498,397.77041 1128.8394,378.00842 1145.6066,361.67718 1151.8846,356.10148 1167.7827,343.42137 1179.5696,334.02033 1183.3437,330.9651 1186.9142,327.93381 1189.0197,326.14631 1191.3137,324.68381 1192.0119,324.68381 1192.7101,324.68381 1195.1306,323.0627 1197.3907,321.08134 1206.9989,312.65816 1231.8928,294.47833 1240.0751,289.90928 1243.0588,288.24313 1248.34,285.2697 1251.8111,283.30165 1261.0461,278.06555 1267.1477,275.55279 1269.9905,275.81499 1273.8006,276.16642 1277.1138,274.76501 1281.2529,271.05113 1284.2265,268.38301 1285.8592,267.68381 1289.1156,267.68381 1292.067,267.68381 1294.1099,266.95231 1296.3628,265.08882 1301.9528,260.46502 1310.3249,255.71181 1313.9559,255.1005 1315.9052,254.77232 1332.2115,247.96011 1337.97,245.70042 1348.8639,241.42556 1358.3374,235.23224 1360.1849,231.17734 1360.7759,229.88025 1362.6636,228.30104 1364.3797,227.66798 1366.0959,227.03493 1368.2814,226.10452 1369.2364,225.6004 1370.1915,225.09627 1372.499,224.68381 1374.3643,224.68381 1376.2296,224.68381 1379.3713,224.00881 1381.3458,223.18381 1383.3203,222.35881 1386.3268,221.68381 1388.0269,221.68381 1389.7271,221.68381 1394.804,219.90755 1399.309,217.73656 1403.8141,215.56557 1410.8234,212.59767 1414.8853,211.14122 1418.9472,209.68478 1424.3472,207.33696 1426.8853,205.92386 1429.4234,204.51076 1433.075,202.4765 1435,201.40329 1436.925,200.33007 1438.725,199.14139 1439,198.76176 1439.275,198.38214 1443.55,196.39269 1448.5,194.34077 1453.45,192.28885 1458.2814,190.17661 1459.2364,189.64691 1460.1915,189.1172 1462.1336,188.68381 1463.5522,188.68381 1464.9708,188.68381 1466.954,188.2436 1467.9594,187.70556 1468.9647,187.16753 1474.9691,185.62977 1481.3025,184.28832 1487.6359,182.94688 1493.8713,181.17038 1495.1589,180.34055 1496.4465,179.51072 1499.3,178.52658 1501.5,178.15359 1503.7,177.78059 1512.846,175.72231 1521.8245,173.57963 1534.5315,170.54716 1539.2959,169.81467 1543.3245,170.2742 1547.6455,170.76708 1549.7658,170.3543 1556.1666,167.77418 1560.3832,166.07448 1564.2587,164.68381 1564.7788,164.68381 1565.9277,164.68381 1584.6991,158.91575 1587.5,157.70202 1588.6,157.22536 1593.55,155.85754 1598.5,154.66242 1603.45,153.4673 1609.75,151.68367 1612.5,150.69879 1615.8917,149.48409 1620.7165,148.86446 1627.5,148.7724 1639.009,148.61622 1654.5817,144.81015 1666.5,139.24054 1674.8155,135.35455 1682.2959,133.61285 1694.5,132.72112 1699.45,132.35943 1704.175,131.76794 1705,131.40669 1707.0001,130.53087 1731.8123,127.48289 1740,127.10721 1748.1688,126.73239 1755.0611,125.20346 1760.046,122.66033 1762.1769,121.57325 1765.6258,120.68958 1767.7102,120.69663 1771.6269,120.70983 1779.2603,119.21912 1796.5,115.07414 1802,113.75176 1807.2399,112.67297 1808.1441,112.67681 1809.0484,112.68081 1816.6781,110.43381 1825.0991,107.68381 1834.5921,104.58369 1842.1841,102.68381 1845.0792,102.68381 1847.6473,102.68381 1851.6617,102.00881 1854,101.18381 1856.3383,100.35881 1860.1914,99.683806 1862.5624,99.683806 1866.6885,99.683806 1866.8867,99.822156 1867.1866,102.91168 1867.475,105.88177 1867.8594,106.20384 1872,106.94463 1876.6839,107.78262 1886.6759,107.40502 1891.0045,106.22644 1893.1521,105.64168 1893.674,105.98189 1894.6676,108.61417 1895.5894,111.05624 1896.4119,111.68381 1898.6906,111.68381 1900.266,111.68381 1902.4839,111.03319 1903.6192,110.23799 1906.022,108.55498 1927.7592,106.93429 1958,106.18344 1968.725,105.91715 1984.7,105.194 1993.5,104.57645 2008.1125,103.551 2035.1756,104.05629 2037.3417,105.39502 2038.4451,106.07696 2049.5549,106.07696 2050.6583,105.39502 2052.8244,104.05629 2079.8875,103.551 2094.5,104.57645 2103.3,105.194 2119.275,105.91715 2130,106.18344 2160.2408,106.93429 2181.978,108.55498 2184.3808,110.23799 2185.5161,111.03319 2187.734,111.68381 2189.3094,111.68381 2191.5881,111.68381 2192.4106,111.05624 2193.3324,108.61417 2194.326,105.98189 2194.8479,105.64168 2196.9955,106.22644 2201.3241,107.40502 2211.3161,107.78262 2216,106.94463 2220.1406,106.20384 2220.525,105.88177 2220.8134,102.91168 2221.1133,99.822156 2221.3115,99.683806 2225.4376,99.683806 2227.8086,99.683806 2231.6617,100.35881 2234,101.18381 2236.3383,102.00881 2240.3527,102.68381 2242.9208,102.68381 2245.8159,102.68381 2253.4079,104.58369 2262.9009,107.68381 2271.3219,110.43381 2278.9516,112.68066 2279.8559,112.67681 2280.7601,112.67281 2286,113.75176 2291.5,115.07414 2308.7397,119.21912 2316.3731,120.70987 2320.2898,120.69663 2322.3742,120.68963 2325.8231,121.57325 2327.954,122.66033 2332.9389,125.20346 2339.8312,126.73239 2348,127.10721 2356.1877,127.48289 2380.9999,130.53087 2383,131.40669 2383.825,131.76794 2388.55,132.35943 2393.5,132.72112 2405.7041,133.61285 2413.1845,135.35455 2421.5,139.24054 2433.4183,144.81015 2448.991,148.61622 2460.5,148.7724 2467.2835,148.8645 2472.1083,149.48409 2475.5,150.69879 2478.25,151.68367 2484.55,153.4673 2489.5,154.66242 2494.45,155.85754 2499.4,157.22536 2500.5,157.70202 2503.3009,158.91575 2522.0723,164.68381 2523.2212,164.68381 2523.7413,164.68381 2527.6168,166.07448 2531.8334,167.77418 2538.2342,170.35431 2540.3545,170.76708 2544.6755,170.2742 2548.7041,169.81467 2553.4685,170.54716 2566.1755,173.57963 2575.154,175.72231 2584.3,177.78059 2586.5,178.15359 2588.7,178.52658 2591.5535,179.51072 2592.8411,180.34055 2594.1287,181.17038 2600.3641,182.94688 2606.6975,184.28832 2613.0309,185.62977 2619.0353,187.16753 2620.0406,187.70556 2621.046,188.2436 2623.0292,188.68381 2624.4478,188.68381 2625.8664,188.68381 2627.8085,189.1172 2628.7636,189.64691 2629.7186,190.17661 2634.55,192.28885 2639.5,194.34077 2644.45,196.39269 2648.725,198.38214 2649,198.76176 2649.275,199.14139 2651.075,200.33007 2653,201.40329 2654.925,202.4765 2658.5766,204.51076 2661.1147,205.92386 2663.6528,207.33696 2669.0528,209.68478 2673.1147,211.14122 2677.1766,212.59767 2684.1859,215.56557 2688.691,217.73656 2693.196,219.90755 2698.2729,221.68381 2699.9731,221.68381 2701.6732,221.68381 2704.6797,222.35881 2706.6542,223.18381 2708.6287,224.00881 2717.8085,225.09627 2718.7636,225.6004 2719.7186,226.10452 2721.9041,227.03493 2723.6203,227.66798 2725.3364,228.30104 2727.2241,229.88025 2727.8151,231.17734 2729.6626,235.23224 2739.1361,241.42556 2750.03,245.70042 2755.7885,247.96011 2762.75,250.86529 2765.5,252.15638 2768.25,253.44747 2772.0948,254.77232 2774.0441,255.1005 2777.6751,255.71181 2786.0472,260.46502 2791.6372,265.08882 2793.8901,266.95231 2795.933,267.68381 2798.8844,267.68381 2802.1408,267.68381 2803.7735,268.38301 2806.7471,271.05113 2810.8862,274.76501 2814.1994,276.16642 2818.0095,275.81499 2820.8523,275.55279 2826.9539,278.06555 2836.1889,283.30165 2839.66,285.2697 2844.9412,288.24313 2847.9249,289.90928 2856.1072,294.47833 2881.0011,312.65816 2890.6093,321.08134 2892.8694,323.0627 2895.2899,324.68381 2895.9881,324.68381 2896.6863,324.68381 2898.9803,326.14631 2901.0858,327.93381 2904.6563,330.9651 2908.4304,334.02033 2920.2173,343.42137 2936.1154,356.10148 2942.3934,361.67718 2959.1606,378.00842 2979.4502,397.77041 2983.478,401.31576 2989.4249,404.6473 2996.4284,408.57078 3003.5575,413.35637 3007.3197,416.65963 3010.512,419.46255 3011,420.47392 3011,424.2874 3011,428.17544 3011.2602,428.68558 3013.25,428.69912 3015.8825,428.71702 3017.3202,429.5573 3018.5855,431.81741 3019.0885,432.71588 3021.6936,435.95441 3024.3747,439.01412 3028.628,443.86805 3029.4339,444.39281 3030.6961,443.13053 3032.7107,441.11595 3034.3105,441.3233 3036.0292,443.82177 3036.8382,444.99764 3038.5902,447.07988 3039.9226,448.44896 3043.5269,452.15227 3046,457.62408 3046,461.89525 3046,465.43809 3046.1946,465.68381 3049,465.68381 3052,465.68381 3052,465.68381 3052,471.68381 3052,477.68381 3058,478.02452 3058,480.61739 3058,483.07428 3058.4469,483.60238 3060.75,483.86739 3063.3533,484.16693 3063.516,484.4905 3063.7999,489.93381 3064.0937,495.56664 3064.1599,495.68381 3067.0499,495.68381 3069.6346,495.68381 3070,496.04094 3070,498.56718 3070,500.60372 3070.5838,501.60323 3071.988,501.97041 3073.0813,502.25634 3074.4589,503.77132 3075.0493,505.33704 3075.6396,506.90276 3076.77,509.49045 3077.5613,511.08745 3078.3526,512.68445 3079,514.54185 3079,515.215 3079,515.88816 3079.675,516.99912 3080.5,517.68381 3081.325,518.3685 3082,520.4486 3082,522.30625 3082,524.16391 3082.4296,525.68381 3082.9547,525.68381 3083.4798,525.68381 3084.2048,527.25881 3084.566,529.18381 3084.9271,531.10881 3085.6225,532.68381 3086.1113,532.68381 3086.6001,532.68381 3087,533.35881 3087,534.18381 3087,535.00881 3087.4641,535.68381 3088.0314,535.68381 3088.5986,535.68381 3089.3527,536.47131 3089.707,537.43381 3090.0614,538.39631 3092.0723,541.93244 3094.1757,545.29187 3096.279,548.65131 3098,551.73605 3098,552.14685 3098,552.55765 3099.35,554.89408 3101,557.33892 3102.65,559.78375 3104,562.03425 3104,562.34002 3104,562.64579 3105.0904,563.75372 3106.4232,564.80208 3107.756,565.85043 3109.1417,568.0527 3109.5027,569.696 3109.8636,571.33929 3110.5374,572.68381 3111,572.68381 3111.4626,572.68381 3112.1365,574.02865 3112.4975,575.67234 3112.8585,577.31604 3113.5693,578.91759 3114.0769,579.23136 3115.5876,580.16499 3115.133,583.41732 3113.0037,586.90964 3110.3137,591.32168 3110.4204,591.57113 3114.75,590.99115 L3118.5,590.48881 3124.3672,614.33631 C3127.5942,627.45244 3132.6422,647.18381 3135.5849,658.18381 3138.5276,669.18381 3142.0876,683.58381 3143.496,690.18381 3144.9044,696.78381 3148.5136,712.53381 3151.5164,725.18381 3155.5049,741.98598 3158.0572,756.1178 3160.988,777.62665 3163.1946,793.82021 3165,807.94459 3165,809.01417 3165,810.08374 3157.9708,828.55946 3149.3797,850.07133 3140.7885,871.58319 3129.1204,903.02992 3123.4507,919.95295 L3113.1422,950.72209 3097.4965,968.23507 3081.8509,985.74817 3091.2715,998.96597 C3096.4529,1006.2358 3117.0152,1036.6738 3136.9656,1066.6061 L3173.2391,1121.0285 3183.4602,1145.6061 C3189.0817,1159.1238 3197.1981,1180.7588 3201.4964,1193.6838 3205.7948,1206.6088 3213.755,1229.5588 3219.1857,1244.6838 3228.28,1270.012 3230.3293,1277.2381 3245.1339,1336.1838 L3261.2081,1400.1838 3263.2282,1477.6838 3265.2484,1555.1838 3256.1505,1628.1838 C3251.1467,1668.3338 3244.774,1720.0838 3241.989,1743.1838 3239.204,1766.2838 3234.2421,1806.6396 3230.9627,1832.8633 L3225,1880.5428 3225,1911.9425 3225,1943.3422 3211.5,1995.3895 C3204.075,2024.0156 3197.9986,2048.505 3197.9969,2049.8103 3197.9969,2051.1157 3199.6403,2059.6088 3201.6526,2068.6838 L3205.3114,2085.1838 3215.1899,2102.9116 3225.0683,2120.6395 3229.1672,2140.9116 3233.2662,2161.1838 3231.1672,2234.6838 3229.0683,2308.1838 3225.1775,2323.312 3221.2867,2338.4401 3205.643,2359.9398 C3197.039,2371.7646 3189.437,2381.8712 3188.7497,2382.3989 3187.0602,2383.6959 3131.3777,2399.3921 3106.2316,2405.6596 3086.0774,2410.6829 3051.8924,2416.6838 3043.4304,2416.6838 3039.1744,2416.6838 3039,2416.5657 3039,2413.6838 L3039,2410.6838 2982.4931,2410.6838 C2935.4172,2410.6838 2921.7731,2410.3542 2900.7431,2408.7092 2884.3355,2407.4257 2847.3237,2406.0154 2795,2404.6799 2750.725,2403.5498 2693.8,2401.7708 2668.5,2400.7265 L2622.5,2398.8279 2588,2392.7698 C2558.9562,2387.6698 2546.8082,2386.0769 2511.1868,2382.6978 2456.1533,2377.4771 2450.2886,2377.4835 2404,2382.8146 L2367.5,2387.0183 2329.5,2383.0182 2291.5,2379.0181 2254,2382.8166 C2217.0336,2386.5609 2215.8902,2386.6155 2173.65,2386.6494 L2130.8,2386.6834 2109.7426,2375.1834 C2098.1611,2368.8584 2087.9686,2363.6943 2087.0926,2363.7075 2086.2167,2363.7205 2076.725,2366.4752 2066,2369.8284 2055.275,2373.1816 2045.375,2375.9251 2044,2375.9251 2042.625,2375.9251 2032.725,2373.1816 2022,2369.8284 2011.275,2366.4752 2001.7833,2363.7208 2000.9074,2363.7075 2000.0314,2363.6945 1989.8389,2368.8584 1978.2574,2375.1834 L1957.2,2386.6834 1914.35,2386.6494 C1872.1098,2386.6154 1870.9664,2386.5614 1834,2382.8166 L1796.5,2379.0181 1758.5,2383.0182 1720.5,2387.0183 1684,2382.8146 C1637.7114,2377.4835 1631.8467,2377.4771 1576.8132,2382.6978 1541.1918,2386.0769 1529.0438,2387.6698 1500,2392.7698 L1465.5,2398.8279 1419.5,2400.7265 C1394.2,2401.7708 1337.275,2403.5498 1293,2404.6799 1240.6763,2406.0154 1203.6645,2407.4257 1187.2569,2408.7092 1166.2269,2410.3542 1152.5828,2410.6838 1105.5069,2410.6838 L1048.8655,2410.2806 1049,2413.6838 C1049,2416.6826 1049,2416.6838 1043.25,2416.5689 1040.0875,2416.5059 1029.5807,2415.177 1019.9016,2413.6161 z" Fill="White" Stretch="Uniform" Stroke="Blue" StrokeThickness="1">
Changing Map Modes in Bing WPF control
Here is my XAML Code: <s:SurfaceWindow x:Class="map_test.SurfaceWindow1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:s="http://schemas.microsoft.com/surface/2008" xmlns:m="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Height="1080" Width="1920" WindowStartupLocation="CenterScreen"> <Grid> <m:Map x:Name="NotreDameMap" CredentialsProvider="AmNh-jzPEmrdpc2T2wBxEjyB0fvSimavosz4B4_IPEAY4RDE-r7L2rHa439uEzlz" Mode="AerialWithLabels" Center="41.702380,-86.234168" ZoomLevel="16" > <Canvas Width="175.198" Height="85" m:MapLayer.Position="41.702380,-86.234168" m:MapLayer.PositionOrigin="BottomCenter" Opacity="0.75"> <!-- Layer 1/<Group>/<Path> --> <Path StrokeThickness="0.2" Stroke="#ffec008b" StrokeMiterLimit="1.0" Data="F1 M 122.944,144.000"/> <!-- Layer 1/<Group>/<Path> --> <Path StrokeThickness="0.2" Stroke="#ffec008b" StrokeMiterLimit="1.0" Data="F1 M 65.081,47.477"/> <!-- Layer 1/<Group>/<Group>/<Compound Path> --> <Path Fill="#ff0e223e" Data="F1 M 159.484,130.991 L 158.570,130.991 L 158.570,128.309 C 158.791,128.277 159.073,128.247 159.484,128.247 C 160.901,128.247 161.408,128.941 161.408,129.636 C 161.408,130.609 160.523,130.991 159.484,130.991 Z M 161.187,131.494 L 161.187,131.432 C 162.036,131.180 162.732,130.547 162.732,129.505 C 162.732,128.750 162.479,128.213 162.006,127.866 C 161.532,127.521 160.744,127.269 159.544,127.269 C 158.600,127.269 157.968,127.364 157.306,127.457 L 157.306,135.373 L 158.570,135.373 L 158.570,131.965 L 159.453,131.965 C 160.459,131.965 160.964,132.347 161.155,133.355 C 161.312,134.396 161.502,135.122 161.693,135.373 L 163.019,135.373 C 162.890,135.122 162.700,134.646 162.511,133.420 C 162.354,132.251 161.879,131.623 161.187,131.494 Z"/> <!-- Layer 1/<Group>/<Group>/<Compound Path> --> <Path Fill="#ff0e223e" Data="F1 M 154.433,89.842 L 149.441,95.128 L 144.158,95.128 L 144.158,47.566 L 149.441,47.566 L 154.433,52.852 L 154.433,89.842 Z M 123.018,95.128 L 120.080,95.128 L 91.603,47.566 L 123.018,47.566 L 123.018,95.128 Z M 62.242,95.128 L 62.232,95.128 L 62.232,47.566 L 65.170,47.566 L 93.646,95.128 L 62.242,95.128 Z M 41.101,95.128 L 31.693,95.128 L 31.693,47.566 L 41.101,47.566 L 41.101,95.128 Z M 157.372,26.423 L 144.158,26.423 L 144.158,21.138 L 157.372,21.138 L 157.372,0.000 L 109.807,0.000 L 109.807,21.138 L 123.018,21.138 L 123.018,26.423 L 78.677,26.423 L 62.242,0.000 L 27.892,0.000 L 27.892,21.138 L 41.101,21.138 L 41.101,26.423 L 0.000,26.421 L 0.000,47.737 L 10.571,47.737 L 10.571,95.299 L 0.000,95.299 L 0.000,116.276 L 40.808,116.265 L 40.808,121.550 L 27.609,121.550 L 27.609,142.688 L 75.453,142.688 L 75.453,121.550 L 62.242,121.550 L 62.242,116.265 L 106.345,116.265 L 122.165,142.688 L 144.158,142.688 L 144.158,116.265 L 157.372,116.265 L 175.598,97.774 L 175.598,44.921 L 157.372,26.423 Z"/> <!-- Layer 1/<Group>/<Group>/<Compound Path> --> <Path Fill="#ff0e223e" Data="F1 M 159.925,137.267 C 156.771,137.267 154.215,134.617 154.215,131.241 C 154.215,127.928 156.771,125.251 159.895,125.251 L 159.925,125.251 C 163.079,125.251 165.602,127.928 165.602,131.272 C 165.602,134.617 163.079,137.299 159.925,137.267 Z M 159.925,124.146 L 159.895,124.146 C 156.014,124.146 152.859,127.300 152.859,131.241 C 152.859,135.248 156.014,138.373 159.895,138.373 C 163.802,138.373 166.896,135.248 166.896,131.241 C 166.896,127.300 163.802,124.146 159.925,124.146 Z"/> <TextBlock FontSize="9" Foreground="White" Margin="65" TextAlignment="Center"> Hesburgh<LineBreak /> Library <LineBreak /> </TextBlock> </Canvas> </m:Map> <StackPanel> <ToggleButton x:Name="toggleButton" Content="Change Map Mode"/> <TextBlock Text="Maps" /> </StackPanel> </Grid> Quite simply i am trying to create a button that will change the mode of the map from AerialWithLabels to Road mode. any help will be appreciated. P.S sorry if its a fairly basic question I am new to coding
If you are using C# with your application, Then one way to do this would be:
Create a button in XAML, and give it a name:
<Button Name="TestButton">
<TextBlock FontSize="26">Change Map Mode</TextBlock>
</Button>
Assign an event handler to the button's MouseUp or TouchUp events:
<Button Name="TestButton" TouchUp="Toggle_Map">
<TextBlock FontSize="26">Change Map Mode</TextBlock>
</Button>
In your C# codebehind, create the event handler like so, with the proper C# code to toggle the map mode:
using Microsoft.Maps.MapControl.WPF;
private void Toggle_Map(object sender, TouchEventArgs e)
{
if (myMap.Mode.ToString() == "Microsoft.Maps.MapControl.WPF.RoadMode")
{
//Set the map mode to Aerial with labels
myMap.Mode = new AerialMode(true);
}
if (myMap.Mode.ToString() == "Microsoft.Maps.MapControl.WPF.AerialMode")
{
//Set the map mode to RoadMode
myMap.Mode = new RoadMode();
}
}
MyMap needs to match the Name of your map control, using Name="myMap" in XAML.
That should get you started...
I couldn't add a comment on the previous answer. So I will answer again with a modification
1) create a button on XAML
<Button Content="Toggle Map" HorizontalAlignment="Right" VerticalAlignment="Top" Width="81" Click="btnToggleMap_Click"/>
2) in C# the event handler should have an if and else. The code fixed it is:
using Microsoft.Maps.MapControl.WPF;
private void btnToggleMap_Click(object sender, TouchEventArgs e)
{
if (NotreDameMap.Mode.ToString() == "Microsoft.Maps.MapControl.WPF.RoadMode")
{
//Set the map mode to Aerial with labels
NotreDameMap.Mode = new AerialMode(true);
} else if (NotreDameMap.Mode.ToString() == "Microsoft.Maps.MapControl.WPF.AerialMode")
{
//Set the map mode to RoadMode
NotreDameMap.Mode = new RoadMode();
}
}
NOTE: NotreDameMap is the name of the Map, it has to be the same as the Map on XAML
You can copy and paste the code and should work.
Window Background VisualBrush DynamicResource
I have two projects, a resourcelibrary which holds a xaml file that simply has a visualbrush inside of it with a key called Theme. Inside this element is the Visual element and so on so forth. My main project is pulling in the xaml file like this
<Window.Background>
<VisualBrush Visual={DynamicResource Theme}" />
</Window.Background
If I manually put the xaml code in this area it works perfect but I want the user to be able to flip through different xaml "themes". The problem is that right now because visualbrush in the xaml file has the key property the visual property won't convert to visualbrush... obviously... is there a way to set the visualbrush to the dynamicresource of the visualbrush element in the xaml file in resourcelibrary? This would give the effect I want to achieve. Thanks.
EDIT
Main Window
<Window x:Class="OASYS_View.MainWindow"
Name="V_Window"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="clr-namespace:ResourceLibrary;assembly=ResourceLibrary"
controls:ThemeManager.Theme="{Binding ElementName=themes, Path=SelectedItem}"
Title="V" Height="1080" Width="1920"
WindowStyle="None"
AllowsTransparency="True"
ResizeMode="NoResize">
<Window.Background>
<VisualBrush Visual="{DynamicResource Theme}" />
</Window.Background>
<Window.Triggers>
<EventTrigger RoutedEvent="Window.Loaded">
<BeginStoryboard>
<Storyboard Name="WindowFade" Completed="WindowFade_Completed">
<DoubleAnimation Name="WindowFadeAnimation"
Storyboard.TargetName="V_Window"
Storyboard.TargetProperty="(Window.Opacity)"
From="0.0" To="1.0" Duration="0:0:1"
AutoReverse="False" RepeatBehavior="1x"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Window.Unloaded">
<BeginStoryboard>
<Storyboard Name="WindowFadeOut" Completed="WindowFadeOut_Completed">
<DoubleAnimation Name="WindowFadeOutAnimation"
Storyboard.TargetName="V_Window"
Storyboard.TargetProperty="(Window.Opacity)"
From="1.0" To="0.0" Duration="0:0:1"
AutoReverse="False" RepeatBehavior="1x"
/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Window.Triggers>
<Grid>
<ComboBox x:Name="themes" Width="150" Height="20" SelectionChanged="themes_SelectionChanged" SelectedIndex="0" />
<controls:ProgressIndicator x:Name="Progress" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,50" Foreground="White" />
</Grid>
The Themed xaml file
<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:ResourceLibrary">
<VisualBrush x:Key="Theme">
<VisualBrush.Visual>
<Viewbox Width="1920" Height="1080">
<Canvas x:Name="PART_Canvas" Width="1920" Height="1080">
<Canvas>
<Path Data="F1 M 1920.000,1079.906 L 0.000,1080.000 L 0.000,0.094 L 1920.000,0.000 L 1920.000,1079.906 Z">
<Path.Fill>
<LinearGradientBrush MappingMode="Absolute" StartPoint="959.917,-1324.218" EndPoint="959.916,-55.456">
<LinearGradientBrush.GradientStops>
<GradientStop Offset="0.00" Color="#ff5090cd"/>
<GradientStop Offset="0.66" Color="#ff5090cd"/>
<GradientStop Offset="0.76" Color="#ff5090cd"/>
<GradientStop Offset="0.95" Color="#ff287bbf"/>
<GradientStop Offset="1.00" Color="#ff0067b1"/>
</LinearGradientBrush.GradientStops>
<LinearGradientBrush.Transform>
<MatrixTransform Matrix="1.000,0.000,-0.000,-1.000,0.084,0.631" />
</LinearGradientBrush.Transform>
</LinearGradientBrush>
</Path.Fill>
</Path>
<Path Data="F1 M 1920.000,1080.789 L 0.001,1080.789 L 0.001,983.908 L 1920.000,983.908 L 1920.000,1080.789 Z">
<Path.Fill>
<LinearGradientBrush MappingMode="Absolute" StartPoint="959.917,-1102.122" EndPoint="959.917,-988.308">
<LinearGradientBrush.GradientStops>
<GradientStop Offset="0.00" Color="#ff5090cd"/>
<GradientStop Offset="0.87" Color="#ff5090cd"/>
<GradientStop Offset="1.00" Color="#ff5090cd"/>
</LinearGradientBrush.GradientStops>
<LinearGradientBrush.Transform>
<MatrixTransform Matrix="1.000,0.000,-0.000,-1.000,0.084,0.631" />
</LinearGradientBrush.Transform>
</LinearGradientBrush>
</Path.Fill>
</Path>
<Canvas>
<Path Fill="#ff0067b1" Data="F1 M 51.500,1042.869 C 51.500,1038.111 50.352,1034.229 48.053,1031.217 C 45.751,1028.203 42.730,1026.695 38.986,1026.695 C 35.227,1026.695 32.205,1028.203 29.921,1031.217 C 27.640,1034.229 26.498,1038.111 26.498,1042.869 C 26.498,1047.592 27.631,1051.420 29.899,1054.344 C 32.166,1057.268 35.195,1058.732 38.986,1058.732 C 42.764,1058.732 45.794,1057.268 48.075,1054.344 C 50.359,1051.420 51.500,1047.592 51.500,1042.869 Z M 56.825,1042.869 C 56.825,1047.979 55.179,1052.160 51.887,1055.408 C 48.595,1058.654 44.296,1060.277 38.986,1060.277 C 33.678,1060.277 29.382,1058.654 26.097,1055.408 C 22.813,1052.160 21.174,1047.979 21.174,1042.869 C 21.174,1037.744 22.824,1033.510 26.135,1030.166 C 29.441,1026.818 33.727,1025.148 38.986,1025.148 C 44.263,1025.148 48.556,1026.818 51.863,1030.166 C 55.172,1033.510 56.825,1037.744 56.825,1042.869 Z"/>
<Canvas>
<Path StrokeThickness="0.5" Stroke="#ff0067b1" StrokeMiterLimit="1.0" Data="F1 M 21.224,1018.291 L 290.490,1018.291"/>
<Path Data="F1 M 135.245,1003.188 L 135.060,1009.395 L 137.035,1009.199 L 135.245,1003.188 Z M 130.846,1012.207 L 124.915,1008.137 L 129.871,1013.525 L 130.846,1012.207 Z M 137.423,1010.262 C 133.455,1010.262 130.202,1013.304 129.860,1017.178 L 144.985,1017.178 C 144.644,1013.304 141.391,1010.262 137.423,1010.262 Z M 133.857,1009.986 L 127.557,1002.258 L 132.096,1011.004 L 133.857,1009.986 Z M 145.892,1016.332 L 151.180,1014.025 L 145.482,1014.719 L 145.892,1016.332 Z M 142.287,999.391 L 138.402,1009.178 L 140.571,1009.801 L 142.287,999.391 Z M 128.842,1016.477 L 129.334,1014.762 L 118.275,1012.311 L 128.842,1016.477 Z M 143.382,1011.316 L 146.301,1004.479 L 141.899,1010.357 L 143.382,1011.316 Z M 144.091,1012.125 L 145.122,1013.596 L 151.921,1005.924 L 144.091,1012.125 Z">
<Path.Fill>
<RadialGradientBrush MappingMode="Absolute" GradientOrigin="706.543,618.713" Center="706.543,618.713" RadiusX="5.469" RadiusY="5.469">
<RadialGradientBrush.GradientStops>
<GradientStop Offset="0.00" Color="#ffffffff"/>
<GradientStop Offset="0.43" Color="#ffcccccc"/>
<GradientStop Offset="1.00" Color="#ff999999"/>
</RadialGradientBrush.GradientStops>
<RadialGradientBrush.Transform>
<MatrixTransform Matrix="1.238,0.000,0.000,1.237,-737.613,251.618" />
</RadialGradientBrush.Transform>
</RadialGradientBrush>
</Path.Fill>
</Path>
<Path Fill="#ff0067b1" Data="F1 M 77.781,1044.465 L 73.531,1032.145 L 68.950,1044.465 L 77.781,1044.465 Z M 92.457,1058.824 C 92.457,1059.277 92.327,1059.504 92.068,1059.504 C 90.953,1059.504 89.695,1059.453 88.289,1059.357 C 87.076,1059.262 86.045,1059.215 85.189,1059.215 C 84.203,1059.215 82.982,1059.262 81.530,1059.357 C 79.996,1059.453 78.689,1059.504 77.606,1059.504 C 77.351,1059.504 77.222,1059.283 77.222,1058.838 C 77.222,1058.396 77.318,1058.174 77.512,1058.174 C 78.947,1058.109 79.980,1057.920 80.611,1057.604 C 81.238,1057.289 81.553,1056.795 81.553,1056.133 C 81.553,1055.711 81.393,1055.037 81.070,1054.113 L 78.311,1046.012 L 68.371,1046.012 L 65.604,1053.508 C 65.248,1054.516 65.071,1055.291 65.071,1055.844 C 65.071,1057.266 66.377,1058.045 68.993,1058.174 C 69.187,1058.174 69.281,1058.396 69.281,1058.838 C 69.281,1059.283 69.152,1059.504 68.896,1059.504 C 67.928,1059.504 66.854,1059.453 65.676,1059.357 C 64.563,1059.262 63.570,1059.215 62.703,1059.215 C 62.008,1059.215 61.137,1059.262 60.090,1059.357 C 58.994,1059.453 58.060,1059.504 57.285,1059.504 C 57.042,1059.504 56.924,1059.303 56.924,1058.898 C 56.924,1058.449 57.107,1058.207 57.480,1058.174 C 58.818,1058.047 59.879,1057.676 60.662,1057.061 C 61.443,1056.449 62.256,1055.199 63.097,1053.314 L 74.422,1025.533 C 74.518,1025.277 74.745,1025.148 75.102,1025.148 C 75.486,1025.148 75.730,1025.270 75.826,1025.510 L 85.822,1053.314 C 86.388,1054.879 87.151,1056.031 88.109,1056.773 C 89.069,1057.512 90.359,1057.980 91.971,1058.174 C 92.295,1058.207 92.457,1058.424 92.457,1058.824 Z"/>
<Path Fill="#ff0067b1" Data="F1 M 115.325,1049.783 C 115.325,1052.994 114.372,1055.545 112.467,1057.439 C 110.561,1059.330 107.982,1060.277 104.736,1060.277 C 103.299,1060.277 101.580,1060.020 99.578,1059.504 C 97.750,1059.021 96.256,1058.779 95.093,1058.779 C 94.995,1056.039 94.803,1053.299 94.512,1050.561 C 94.512,1050.303 94.755,1050.174 95.238,1050.174 C 95.576,1050.174 95.787,1050.303 95.867,1050.561 C 96.740,1053.557 97.855,1055.670 99.215,1056.893 C 100.570,1058.117 102.473,1058.732 104.923,1058.732 C 106.874,1058.732 108.386,1058.166 109.459,1057.039 C 110.530,1055.910 111.064,1054.330 111.064,1052.301 C 111.064,1050.994 110.598,1049.781 109.663,1048.660 C 108.728,1047.537 106.734,1046.094 103.686,1044.320 C 100.184,1042.305 97.893,1040.596 96.811,1039.193 C 95.730,1037.791 95.191,1036.236 95.191,1034.527 C 95.191,1031.902 96.163,1029.682 98.109,1027.869 C 100.057,1026.055 102.525,1025.148 105.513,1025.148 C 106.645,1025.148 107.946,1025.301 109.414,1025.607 C 110.787,1025.883 111.977,1026.020 112.977,1026.020 C 113.171,1028.854 113.429,1031.354 113.752,1033.512 C 113.752,1033.770 113.544,1033.902 113.124,1033.902 C 112.674,1033.902 112.422,1033.770 112.375,1033.512 C 111.840,1031.096 111.029,1029.355 109.947,1028.289 C 108.867,1027.229 107.368,1026.695 105.457,1026.695 C 103.641,1026.695 102.197,1027.229 101.127,1028.289 C 100.057,1029.355 99.522,1030.791 99.522,1032.596 C 99.522,1033.736 99.971,1034.828 100.871,1035.869 C 101.770,1036.908 103.714,1038.301 106.707,1040.041 C 110.253,1042.104 112.574,1043.828 113.676,1045.215 C 114.774,1046.600 115.325,1048.123 115.325,1049.783 Z"/>
<Path Fill="#ff0067b1" Data="F1 M 154.821,1026.537 C 154.821,1026.713 154.766,1026.865 154.652,1027.002 C 154.539,1027.133 154.418,1027.205 154.289,1027.205 C 152.691,1027.379 151.486,1027.711 150.671,1028.203 C 149.855,1028.688 148.893,1029.740 147.779,1031.361 L 138.728,1044.369 L 138.728,1054.090 C 138.728,1055.188 138.820,1055.959 139.006,1056.408 C 139.193,1056.859 139.619,1057.229 140.291,1057.508 C 140.959,1057.793 141.979,1058.014 143.350,1058.174 C 143.609,1058.207 143.738,1058.424 143.738,1058.824 C 143.738,1059.277 143.609,1059.504 143.350,1059.504 C 142.271,1059.504 141.051,1059.453 139.695,1059.357 C 138.387,1059.262 137.238,1059.215 136.248,1059.215 C 135.273,1059.215 134.076,1059.262 132.652,1059.357 C 131.152,1059.453 129.862,1059.504 128.782,1059.504 C 128.523,1059.504 128.395,1059.277 128.395,1058.824 C 128.395,1058.424 128.523,1058.207 128.782,1058.174 C 130.734,1057.949 132.061,1057.586 132.762,1057.086 C 133.463,1056.588 133.814,1055.590 133.814,1054.090 L 133.814,1044.465 L 125.443,1031.336 C 124.297,1029.715 123.289,1028.662 122.418,1028.176 C 121.545,1027.689 120.375,1027.365 118.908,1027.205 C 118.649,1027.205 118.520,1026.980 118.520,1026.537 C 118.520,1026.094 118.649,1025.873 118.908,1025.873 C 119.663,1025.873 120.693,1025.920 122.000,1026.020 C 123.418,1026.115 124.563,1026.164 125.430,1026.164 C 126.254,1026.164 127.388,1026.115 128.838,1026.020 C 130.531,1025.920 131.941,1025.873 133.070,1025.873 C 133.328,1025.873 133.459,1026.094 133.459,1026.537 C 133.459,1026.980 133.328,1027.205 133.070,1027.205 C 130.975,1027.494 129.926,1028.047 129.926,1028.861 C 129.926,1029.512 130.257,1030.350 130.916,1031.373 L 137.921,1042.266 L 145.232,1031.336 C 145.752,1030.572 146.010,1029.908 146.010,1029.344 C 146.010,1028.725 145.725,1028.260 145.148,1027.945 C 144.576,1027.629 143.604,1027.379 142.234,1027.205 C 142.039,1027.205 141.941,1026.980 141.941,1026.537 C 141.941,1026.094 142.072,1025.873 142.329,1025.873 C 143.283,1025.873 144.444,1025.920 145.816,1026.020 C 147.153,1026.115 148.268,1026.164 149.155,1026.164 C 149.980,1026.164 150.852,1026.115 151.771,1026.020 C 152.707,1025.920 153.594,1025.873 154.436,1025.873 C 154.693,1025.873 154.821,1026.094 154.821,1026.537 Z"/>
<Path Fill="#ff0067b1" Data="F1 M 177.619,1049.783 C 177.619,1052.994 176.666,1055.545 174.762,1057.439 C 172.855,1059.330 170.278,1060.277 167.031,1060.277 C 165.594,1060.277 163.875,1060.020 161.871,1059.504 C 160.046,1059.021 158.551,1058.779 157.389,1058.779 C 157.291,1056.039 157.098,1053.299 156.807,1050.561 C 156.807,1050.303 157.048,1050.174 157.533,1050.174 C 157.872,1050.174 158.081,1050.303 158.162,1050.561 C 159.035,1053.557 160.148,1055.670 161.506,1056.893 C 162.863,1058.117 164.767,1058.732 167.219,1058.732 C 169.169,1058.732 170.682,1058.166 171.753,1057.039 C 172.823,1055.910 173.360,1054.330 173.360,1052.301 C 173.360,1050.994 172.893,1049.781 171.957,1048.660 C 171.021,1047.537 169.029,1046.094 165.979,1044.320 C 162.480,1042.305 160.188,1040.596 159.105,1039.193 C 158.025,1037.791 157.482,1036.236 157.482,1034.527 C 157.482,1031.902 158.459,1029.682 160.403,1027.869 C 162.352,1026.055 164.819,1025.148 167.809,1025.148 C 168.939,1025.148 170.238,1025.301 171.709,1025.607 C 173.082,1025.883 174.268,1026.020 175.271,1026.020 C 175.466,1028.854 175.725,1031.354 176.048,1033.512 C 176.048,1033.770 175.836,1033.902 175.418,1033.902 C 174.965,1033.902 174.717,1033.770 174.666,1033.512 C 174.135,1031.096 173.325,1029.355 172.244,1028.289 C 171.158,1027.229 169.661,1026.695 167.748,1026.695 C 165.935,1026.695 164.492,1027.229 163.422,1028.289 C 162.352,1029.355 161.817,1030.791 161.817,1032.596 C 161.817,1033.736 162.266,1034.828 163.163,1035.869 C 164.061,1036.908 166.010,1038.301 169.002,1040.041 C 172.547,1042.104 174.868,1043.828 175.971,1045.215 C 177.070,1046.600 177.619,1048.123 177.619,1049.783 Z"/>
<Path StrokeThickness="0.5" Stroke="#ff0067b1" StrokeMiterLimit="1.0" Data="F1 M 21.224,1066.850 L 290.490,1066.850"/>
<Canvas>
<Path Opacity="0.5" Fill="#ff4b4d4d" Data="F1 M 199.003,1053.682 L 199.088,1053.682 L 208.492,1026.553 L 210.516,1026.553 L 198.961,1059.369 L 187.532,1026.553 L 189.557,1026.553 L 199.003,1053.682 Z"/>
<Path Opacity="0.5" Fill="#ff4b4d4d" Data="F1 M 216.168,1058.316 L 214.143,1058.316 L 214.143,1026.553 L 216.168,1026.553 L 216.168,1058.316 Z"/>
<Path Opacity="0.5" Fill="#ff4b4d4d" Data="F1 M 225.024,1028.445 L 225.024,1039.990 L 237.844,1039.990 L 237.844,1041.887 L 225.024,1041.887 L 225.024,1056.420 L 238.181,1056.420 L 238.181,1058.316 L 223.000,1058.316 L 223.000,1026.553 L 238.181,1026.553 L 238.181,1028.445 L 225.024,1028.445 Z"/>
<Path Opacity="0.5" Fill="#ff4b4d4d" Data="F1 M 252.436,1053.850 L 264.327,1024.949 L 276.219,1053.850 L 285.033,1026.553 L 287.057,1026.553 L 276.347,1059.369 L 264.201,1030.004 L 252.098,1059.369 L 241.471,1026.553 L 243.495,1026.553 L 252.436,1053.850 Z"/>
</Canvas>
</Canvas>
</Canvas>
</Canvas>
</Canvas>
</Viewbox>
</VisualBrush.Visual>
</VisualBrush>
</ResourceDictionary>
You'll see that VisualBrush has the keyname but in mainwindow.background I need to bind to visual property of visualbrush.
{"Unable to cast object of type 'System.Windows.Media.VisualBrush' to type 'System.Windows.Media.Visual'."}
Edit
Try this
<Window Background="{DynamicResource Theme}"
...>
Try adding your resource dictionary file to the Window's resources and then point to the visual in the background.
<Window>
<Window.Resources>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Theme.xaml"/>
</ResourceDictionary.MergedDictionaries>
</Window.Resources>
<Window.Background>
<VisualBrush Visual="{VisualKey}"/>
</Window.Background>
</Window>