Windows8 Store アプリ用 XAMLサンプル(XAMLミク)

#win8dev_jp

Windows8 Store アプリケーション用 XAML。超手抜き ♪ いろいろやったけど、要はこれがゴールだったりします。描けるスキルがコードになるってホント素晴らしいと思う。たぶん。

使い方:空のページの、Page タグの間にペーストするだけ。(もともとあった Gridタグは削除します)

感想:やっぱりBlendはすごいわ。WinRTのXAMLの仕様にはもう少し頑張ってほしいけどね。

 

     <Page.Resources>
        <LinearGradientBrush x:Key="Hair" EndPoint="0.678,0.978" StartPoint="0.322,0.022">
            <GradientStop Color="#FF04666A" Offset="1"/>
            <GradientStop Color="#FF43B9B8" Offset="0.017"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="SkinShadow" Color="#74A46666"/>
        <SolidColorBrush x:Key="Skin" Color="#FFFFCDCD"/>
    </Page.Resources>

    <Grid Background="White">
        <Viewbox HorizontalAlignment="Center" VerticalAlignment="Center" Height="364" Width="500">
            <Grid Height="625" Width="857">
                <Grid x:Name="body" Margin="187,248,246,73">
                    <Path x:Name="体" Data="M749,341 L745,403 L751,406 L773,437 L792,440 C792,440 816,451 819,479 C822,507 822,499 819,510 C816,521 808,539 806,557 C804,575 807,621 807,621 C807,621 804,640 780,643 C756,646 744,600.667 694,607 C687.667,591.333 692.667,554.333 692,528 L677,478 L625,496 L590,527 L569,566 L569,594 L560,610 L535.5,642 L504,607.5 C504,607.5 545,572 547,562 C549,552 546,506 561,489 C576,472 599,480 617,469 C635,458 676,426 676,426 C676,426 677,416 675,413 C673,410 662,413 662,413 C662,413 667,382 686,370 C705,358 749,341 749,341 z" Fill="{StaticResource Skin}" HorizontalAlignment="Left" Height="304.143" Margin="0,0,-0.25,-0.143" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="319.25"/>
                    <Path Data="M733,505 L738,518 L743,546 L740,587.333" HorizontalAlignment="Left" Height="84.333" Margin="229,164,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="12"/>
                    <Path Data="M735,511 C735,511 736,521 733,529 C730,537 724,551 724,551 L719,564 L715,579 L718,594 L728,574 C728,574 732,572 733,576 C734,580 737,590 737,590 L743,544 z" Fill="{StaticResource SkinShadow}" HorizontalAlignment="Left" Height="85" Margin="211,170,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="30"/>
                    <Path x:Name="首の影" Data="M666,410 L675,412 L675,422 L668,431 L658,441 L683,439 L693,411 L706,394 L730,372 L677,391 z" Fill="{StaticResource SkinShadow}" HorizontalAlignment="Left" Height="71" Margin="154,31,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="74"/>
                </Grid>
                <Grid x:Name="R_Tail" Margin="39,58,476,2">
                    <Path x:Name="右テール" Data="M355,714 C355,714 409,573 426,518 C443,463 475,361 487,327 C499,293 551,164 551,164 C551,164 554,150 561,150 C568,150 581,158 581,158 C581,158 592,166 592,188 C592,210 559,365 558,399 C557,433 544,531 541,567 C538,603 542,714 542,714" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="564" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Top" Width="237" Stroke="Black" StrokeThickness="2" Opacity="0.995"/>
                    <Path Data="M52,89 C52,89 22,124 11,172 C0,220 -3,286 5,311 C13,336 29.0001,364 29.0001,364 L29.0001,281 C29.0001,281 38,298 38,317 C38,336 42,374 42,374 L49,289 C49,289 51,260 51,254 C51,248 41,285 41,285 C41,285 39,261 46,244 C53,227 32.0001,259 32.0001,259 C32.0001,259 33.0001,225 42,214 C51,203 56,193 56,193 L28.0001,230 C28.0001,230 34.0001,210 41,189 C48,168 79.9999,109 79.9999,109 L37,144 z" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="285" Margin="139,50,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="79.52"/>
                    <Path Data="M401,715 C401,715 429,673 441,632 C453,591 479,533 479,533 L448,635 C448,635 469,583 481,553 C493,523 503,490 503,490 L486,581 L518,526 C518,526 507,584 502,597 C497,610 483,664 483,664 L525,575 L535,529 L517,644 L515,713 z" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="225" Margin="46,340,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="134"/>
                </Grid>
                <Grid x:Name="Face" Margin="236,69,287,302">
                    <Path x:Name="顔" Data="M583,327 L599,358 C600.942,363.054 596.922,370.895 605,380 C615.667,391.333 627,398 627,398 C638.667,404.667 654,414.667 662,414.667 C670.333,412 714.333,383.333 719,379.333 C723.667,375.333 738.333,359.667 748,349 C757.691,332.974 768.146,327.846 777.073,300.923 C786,274 778,227 739,191 C700,155 582,140 562,219 C542,298 583,327 583,327 z" Fill="{StaticResource Skin}" HorizontalAlignment="Left" Height="253.432" Margin="4.252,0,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="224.379"/>
                    <Path x:Name="髪の影" Data="M594.667,252.667 C594.667,252.667 603.333,271.333 612,278.667 C620.667,286 662,327.333 662,327.333 C662,327.333 646.667,296.667 644.667,284 C642.667,271.333 640,256 640,256 C640,256 648,270 655.333,277.333 C662.666,284.666 670.667,288 670.667,288 C670.667,288 674.667,283.333 678,282.667 C681.333,282 698.667,279.333 698.667,279.333 L600,176.667 L566,220.667 C566,220.667 566.667,329.333 566.667,327.333 C566.667,325.333 582.667,310.666 585.333,298.666 C588,286.666 586.667,278.666 588.667,268.666 C590.667,258.666 594.667,252.667 594.667,252.667 z" Fill="#93A46666" HorizontalAlignment="Left" Height="150.694" Margin="14,15.182,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="132.667"/>
                    <Path x:Name="顔の影" Data="M632.667,341.333 C638.667,350.666 633.298,360.429 633.298,360.429 C633.298,360.429 639.333,359.333 642.667,366.667 C646,374 651.969,375.88 655.323,377.743 C648.988,381.219 643.216,378.11 646.007,382.336 C650.106,388.544 666.667,380 666.667,380 L656,390 C656,390 650,395.333 652,400.667 C654,406 665.573,413.98 660.862,412.697 C656.151,411.414 646.214,408.27 630.648,398.172 C620.335,391.482 605.51,381.433 602.66,373.01 C600.176,364.733 602.164,363.077 600.839,357.78 C598.355,352.318 592.062,342.716 592.062,342.716 C592.062,342.716 600.667,351.333 608.667,350.667 C616.667,350 632.667,341.333 632.667,341.333 z" HorizontalAlignment="Left" Height="71.989" Margin="39.833,179.607,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="75.084" Fill="{StaticResource SkinShadow}"/>
                    <Grid x:Name="右目" Margin="27,143,160,68">
                        <Path Data="M7.66667,2.66667 C-1.24986,5.24966 -2.33369,29.333 14.333,39.333 C23.124,44.8745 33.3933,45.9068 37.874,43.1252 C45.1233,38.6248 41.6664,18.6667 34.3331,13.3332 C26.9998,7.99976 16.5832,0.083677 7.66667,2.66667 z" Fill="White" HorizontalAlignment="Left" Height="42.452" Margin="1.29,2.163,0,-1.615" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="40.588"/>
                        <Path x:Name="まつ毛から目" Data="M598.333,345.667 C598.333,345.667 588.667,347.667 582.667,335.333 C576.667,323 577.667,307 585,305 C591.979,301.398 602.996,305.962 612.667,315.667 C621.666,322.333 624.334,349 613,347 C601.666,345 595.999,336 592.666,328 C589.333,320 591.667,317.333 592,314.333 C592.333,311.333 595.666,309.666 595.666,309.666 C595.666,309.666 589,307.666 586.333,311.333 C583.666,315 581.999,318.666 584.666,328.333 C587.333,338 592.333,342 598.333,345.667 z" Fill="Black" HorizontalAlignment="Left" Height="43.831" Margin="0,0,-0.244,-0.831" Stretch="Fill" Stroke="Black" StrokeThickness="0.5" UseLayoutRounding="False" VerticalAlignment="Top" Width="42.244"/>
                        <Ellipse x:Name="白目" HorizontalAlignment="Left" Height="34.944" Margin="16.993,6.337,0,0" Stroke="Black" StrokeThickness="0.5" VerticalAlignment="Top" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
                            <Ellipse.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF048B94"/>
                                    <GradientStop Color="#FF115E5C" Offset="1"/>
                                </LinearGradientBrush>
                            </Ellipse.Fill>
                            <Ellipse.RenderTransform>
                                <CompositeTransform Rotation="-30.917"/>
                            </Ellipse.RenderTransform>
                        </Ellipse>
                        <Ellipse x:Name="黒目" Fill="Black" HorizontalAlignment="Left" Height="28.546" Margin="22.407,8.87,0,0" Stroke="Black" StrokeThickness="0.5" VerticalAlignment="Top" Width="14.506" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
                            <Ellipse.RenderTransform>
                                <CompositeTransform Rotation="-30.917"/>
                            </Ellipse.RenderTransform>
                        </Ellipse>
                        <Ellipse x:Name="アイキャッチ" HorizontalAlignment="Left" Height="10" Margin="12,8,0,0" Stroke="#7CFFFFFF" StrokeThickness="2" VerticalAlignment="Top" Width="10" Fill="White"/>
                    </Grid>
                    <Path x:Name="口" Data="M639.693,377.77 C639.693,377.77 649.125,379.375 653.375,378 C657.625,376.625 664.253,373.417 666.105,372.021 C667.957,370.625 670,367.87 670,367.87 L672,367.87 C672,367.87 669.152,372.404 667.402,373.405 C665.652,374.406 657.263,378.409 653.371,379.154 C649.479,379.899 641.535,380.28 638.16,379.154 C638.535,378.654 639.693,377.77 639.693,377.77 z" HorizontalAlignment="Left" Height="14.083" Margin="85.125,205.39,0,0" StrokeStartLineCap="Round" Stretch="Fill" StrokeEndLineCap="Round" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="35.875">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="1.004,0.164" StartPoint="0.093,1.098">
                                <GradientStop Color="#FF3A3A3A"/>
                                <GradientStop Color="#235F5E5E" Offset="0.406"/>
                                <GradientStop Color="#FF2B2B2B" Offset="0.888"/>
                                <GradientStop Color="#85323232" Offset="0.978"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Grid x:Name="左目" Margin="109,117,50,85">
                        <Path Data="M22.625,3.125 C22.625,3.125 16.5,5.125 14.125,7.875 C11.75,10.625 5.125,21.75 5.125,21.75 C5.125,21.75 3.75,35.625 13,43.5 C22.25,51.375 35.5002,51.375 38.7502,51.125 C42.0002,50.875 51.0003,43.7498 53.2504,39.2499 C55.5005,34.75 54.2504,21.1248 53.2504,18.25 C52.2504,15.3752 48.6254,7.12499 41.5003,3.625 C34.3752,0.12501 22.625,3.125 22.625,3.125 z" Fill="White" HorizontalAlignment="Left" Height="49.267" Margin="5.053,1.928,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="49.458"/>
                        <Path Data="M665.833,300.5 L667,293.833 C667,293.833 674.5,284 681.333,282 C688.166,280 702.415,279.096 708.833,281.333 C715.251,283.57 724.145,289.581 726.833,293.333 C729.521,297.085 729.389,299.556 730.667,302.667" HorizontalAlignment="Left" Height="23.267" Stretch="Fill" Stroke="Black" StrokeThickness="4" UseLayoutRounding="False" VerticalAlignment="Top" Width="65.334" StrokeEndLineCap="Round" StrokeStartLineCap="Round" d:IsHidden="True" Margin="4.834,1.53,-0.168,0"/>
                        <Path Data="M39,22.5 C39,34.9264 30.2696,45 19.5,45 C8.73045,45 0,34.9264 0,22.5 C0,10.0736 3.33301,0.614073 19.6663,1.81439 C35.9667,3.01229 39,10.0736 39,22.5 z" HorizontalAlignment="Left" Height="48.114" StrokeStartLineCap="Round" Stretch="Fill" StrokeEndLineCap="Round" Stroke="Black" VerticalAlignment="Top" Width="39" UseLayoutRounding="False" StrokeThickness="3" Margin="16.918,3.433,0,0" >
                            <Path.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF60EBF3"/>
                                    <GradientStop Color="#FF157875" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Data="M28,20.5 C28,31.8218 21.732,41 14,41 C6.26801,41 0,31.8218 0,20.5 C0,9.17816 2.5,-0.25 14,0 C25.5,0.25 28,9.17816 28,20.5 z" Fill="Black" HorizontalAlignment="Left" Height="41.005" StrokeStartLineCap="Round" Stretch="Fill" StrokeEndLineCap="Round" Stroke="Black" StrokeThickness="0" VerticalAlignment="Top" Width="28" UseLayoutRounding="False" Margin="22.834,3.525,0,0"/>
                        <Ellipse x:Name="アイキャッチ_Copy" HorizontalAlignment="Left" Height="10" Stroke="#7CFFFFFF" StrokeThickness="2" VerticalAlignment="Top" Width="10" Fill="White" Margin="18,8,0,0"/>
                        <Path Data="M663.167,302.833 L670.732,301.81 C670.732,301.81 673.374,291.17 678.22,288.412 C683.066,285.654 686.966,284.077 694.832,284.551 C702.698,285.025 711.679,292.499 711.679,292.499 C713.695,295.244 717.877,304.262 718.464,307.26 C718.991,312.632 719.25,314.25 717.125,319.75 C721.25,316 721.875,311.875 721.5,306.625 C721.125,301.375 720.804,299.312 716.358,292.045 C712.147,286.595 703.481,282.088 694.481,280.464 C687.813,280.237 681.904,281.391 675.529,284.892 C671.342,288.002 663.084,298.166 663.167,302.833 z" HorizontalAlignment="Left" Height="43.28" StrokeStartLineCap="Round" Stretch="Fill" StrokeEndLineCap="Round" StrokeThickness="4" UseLayoutRounding="False" VerticalAlignment="Top" Width="62.427" Fill="Black"/>
                    </Grid>
                    <Path x:Name="左眉" Data="M643,275.5 L643,270.5 C643,270.5 656,259.5 677,256.5 C698,253.5 717,249.5 739,248.5 C761,247.5 786,246 791,247 C796,248 756,248 737,251 C718,254 698,253.5 679,259 C660,264.5 651,270 651,270 z" Fill="Black" HorizontalAlignment="Left" Height="29.33" Margin="90.75,84.935,0,0" Stretch="Fill" StrokeThickness="0.5" UseLayoutRounding="False" VerticalAlignment="Top" Width="74.714"/>
                    <Path x:Name="右眉" Data="M604,288.5 C604,288.5 601,283.5 593,280 C585,276.5 568.5,277.5 568.5,277.5 L552,279.5 C552,279.5 572,278.5 581,280 C590,281.5 604,288.5 604,288.5 z" Fill="Black" HorizontalAlignment="Left" Height="11.132" Margin="0,116.985,0,0" Stretch="Fill" StrokeThickness="0.5" UseLayoutRounding="False" VerticalAlignment="Top" Width="52"/>
                </Grid>
                <Grid x:Name="Hair" Margin="178,32,242,286">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="270*"/>
                        <ColumnDefinition Width="15*"/>
                        <ColumnDefinition Width="118*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="278*"/>
                        <RowDefinition Height="29*"/>
                    </Grid.RowDefinitions>
                    <Path x:Name="髪" Data="M589,213 C589,213 600,252 614,273 C628,294 664,324 664,324 C664,324 643,289 635,268 C627,247 623,226 623,226 C623,226 636,244 655,254 C674,264 718,327 718,327 C718,327 721,350 718,374 C715,398 705,420 705,420 C705,420 727,399 731,386 C735,373 740,361 740,361 C740,361 745,378 755,390 C765,402 796,423 796,423 C796,423 781,407 774,395 C767,383 761,370 761,370 C761,370 817,335 819,285 C821,235 837,213 815,183 C793,153 730,113 666,127 C602,141 555,179 539,199 C523,219 506,260 502,282 C498,304 492,329 495,344 C498,359 505,370 505,370 C505,370 504,328 511,310 C518,292 535,251 535,251 C535,251 529,287 536,317 C543,347 558,381 567,391 C576,401 598,431 598,431 L597.142,354.118 C597.142,354.118 582,330 579,315 C576,300 577,312 575,284 C573,256 589,213 589,213 z" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="306.881" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Top" Width="332.299" Stroke="Black" StrokeThickness="2" Grid.RowSpan="2" Grid.ColumnSpan="3"/>
                    <Path Data="M506,368 C506,368 497.572,354.074 497.572,336.74 C497.572,319.407 498.95,312.073 504.95,291.407 C510.95,270.74 532,238 544,222.667 C556,207.334 519.333,262 514.667,275.333 C510,288.666 505.333,311.333 505.333,311.333 C505.333,311.333 510.148,300.271 514.96,289.597 C516.831,285.449 518.801,281.359 520.667,278 C527.334,266 537.333,246 537.333,246 C537.333,246 519.641,283.859 514,298.667 C508.667,312.667 507.333,318.667 504.667,336 C502.741,348.52 506,368 506,368 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="150.022" Margin="2.471,94.859,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="50.74"/>
                    <Path Data="M550.667,281.333 C550.667,281.333 545.333,305.333 549.333,324.667 C553.333,344 562.002,353.333 566.669,364 C571.336,374.667 584.004,396 584.004,396 L572.669,367.333 C572.669,367.333 581.337,384 586.671,392 C592.005,400 596.005,405.333 596.005,405.333 L595.339,360 L587.338,342 L578.003,321.333 C578.003,321.333 577.337,330.667 580.004,340 C582.671,349.333 583.338,354.667 583.338,354.667 C583.338,354.667 572.669,345.333 570.669,336 C568.669,326.667 566.669,324 566.002,312 C565.335,300 564.668,278.667 564.668,278.667 C564.668,278.667 558.668,291.333 559.334,295.333 C560.001,299.333 561.335,312 561.335,312 C561.335,312 558.001,306 556.667,300.667 C555.333,295.334 550.667,281.333 550.667,281.333 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="126.666" Margin="53.657,154.548,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="48.153" Grid.RowSpan="2"/>
                    <Path Data="M713.333,408 C713.333,408 723.333,386 725.333,378 C727.333,370 729.333,355.333 729.333,355.333 L720,340 C720,340 719.333,310.667 719.333,304.667 C719.333,298.667 720,279.333 720,279.333 L732,301.333 L730.667,332.667 C730.667,332.667 734.667,321.333 735.333,311.333 C736,301.333 739.333,282 739.333,282 L736.667,330.667 L738,346.667 C738,346.667 739.333,360 734,373.333 C728.667,386.666 713.333,408 713.333,408 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="128.667" Margin="219.144,155.214,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="26" Grid.RowSpan="2"/>
                    <Path Data="M754.667,137.333 C754.667,137.333 755.333,144.667 746.667,151.333 C738,158 721.334,168 721.334,168 C721.334,168 734.667,166.667 742.667,159.333 C750.667,152 759.333,144 759.333,144 C759.333,144 759.333,155.333 752.667,160.667 C746,166 732.667,176 732.667,176 C732.667,176 744,175.333 750,168.667 C756,162 762,153.333 762,153.333 C762,153.333 762,158.667 756,166 C750,173.333 735.334,184 735.334,184 C735.334,184 740.667,189.333 748,184 C755.333,178.667 763.333,178 766,172.667 C768.667,167.334 778,152.667 778,152.667 C778,152.667 769.333,145.333 766,142.667 C762.667,140 754.667,137.333 754.667,137.333 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="49.037" Margin="227.144,13.214,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="56.667" Grid.ColumnSpan="2"/>
                    <Path Data="M764.216,183.383 C761.821,186.634 758.435,190.377 754,193.333 C744,200 742,203.333 742,203.333 C742,203.333 750.667,200.667 754,197.333 C757.333,194 767.333,190.667 761.333,196.667 C761.017,196.983 760.7,197.3 760.382,197.618 C754.65,203.35 748.667,209.333 748.667,209.333 C748.667,209.333 757.333,208.667 763.333,202.667 C769.333,196.667 771.333,201.333 771.333,201.333 C771.333,201.333 772,206 766.667,211.333 C761.334,216.666 754.667,220.667 754.667,220.667 C754.667,220.667 758.666,226 767.333,218.667 C776,211.334 778,207.333 778,207.333 L783.333,209.333 C783.333,209.333 790,204 782.667,212.666 C775.334,221.333 776.667,223.333 769.333,227.333 C762,231.333 762,236.667 762,236.667 C762,236.667 774.667,232 780,226 C785.333,220 790.667,218 790.667,218 C790.667,218 790.667,226 783.333,230.667 C776,235.334 767.333,244 767.333,244 C767.333,244 779.333,242 783.333,237.333 C787.333,232.666 796,224 796,224 C796,224 798,223.333 800.667,226 C803.334,228.667 806.667,233.333 802,235.333 C797.333,237.333 793.334,237.333 793.334,237.333 L787.334,252.667 L790.667,266.667 L806,260.667 L810.667,268 C810.667,268 814.667,274 806.667,278.667 C798.667,283.334 794,290 794,290 L787.333,304 C787.333,304 802.667,290.667 806,287.333 C809.333,284 814.667,279.333 814.667,279.333 C814.667,279.333 817.333,280 813.333,286 C809.333,292 815.333,290.667 805.999,297.333 C796.666,304 776,320.667 776,320.667 L769.333,332 L805.999,308.667 L803.333,319.333 C803.333,319.333 812.666,297.333 815.333,288.667 C818,280 818.666,270 819.333,258 C820,246 819.333,226 818,214.667 C816.667,203.334 816.666,187.333 806.666,174 C796.666,160.667 780.667,152 780.667,152 C780.667,152 781.333,159.333 784,168.667 C786.667,178 791.333,184.667 786.666,189.333 C781.999,194 782.667,185.333 779.333,180.667 C776,176 767.222,179.304 764.216,183.383 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="180" Margin="247.811,27.881,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="77.595" Grid.ColumnSpan="3"/>
                    <Path Data="M639.333,178 C639.333,178 638,174 645.333,170.667 C652.666,167.334 658.666,168.667 661.999,168.667 C665.332,168.667 666.665,162.001 666.665,162.001 L669.377,168.782 L674.664,182 C674.664,182 681.996,186.666 682.663,191.333 C683.33,195.999 687.329,200 688.662,211.333 C689.995,222.666 687.995,224.666 687.995,224.666 L682.662,202 L669.331,184 L672.663,194 L676.663,202.666 L662.664,186 L653.332,177.334 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="62.667" Margin="145.049,37.881,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="49.887"/>
                    <Path Data="M626.667,183.333 L611.333,182 C611.333,182 610.543,187.927 611.396,193.088 C611.651,194.631 612.053,196.106 612.667,197.333 C615.334,202.666 628,216 628,216 L626,207.333 C626,207.333 628.667,214.667 635.333,219.333 C642,224 620.667,193.333 620.667,193.333 L628.667,197.333 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="37.816" Margin="116.811,57.881,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="25.623"/>
                    <Path Data="M626,160.667 L651.333,163.333 C651.333,163.333 655.333,156 662,149.333 C668.667,142.666 687.333,128.667 687.333,128.667 L668.667,129.333 L652.667,133.333 C652.667,133.333 659.333,132 661.333,136 C663.333,140 662,136.667 657.333,143.333 C652.666,150 654,153.333 647.333,156.667 C640.666,160 626,160.667 626,160.667 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="34.666" Margin="131.811,4.548,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="61.333"/>
                    <Path Data="M603.333,151.333 C603.333,151.333 601.333,153.333 602.667,156 C604,158.667 605.999,161.333 609.999,161.333 C610.569,161.333 611.287,161.225 612.101,161.039 C616.997,159.922 625.33,156 625.33,156 C625.33,156 608.666,168 605.333,166.667 C602,165.334 598.667,161.334 593.335,162 C588.002,162.667 586.003,163.334 586.003,163.334 L594.668,154 z" Fill="#FF168B8D" HorizontalAlignment="Left" Height="15.437" Margin="92.478,27.881,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="39.333"/>
                    <Path Data="M702.667,171.333 L720.667,172.667 C720.667,172.667 744,220.667 746,248.668 C748,276.668 745.333,298.668 744,318.669 C742.667,338.669 738.667,359.336 738.667,359.336 C738.667,359.336 736.667,353.336 730,343.336 C723.333,333.336 718,326.669 718,326.669" HorizontalAlignment="Left" Height="190" Margin="207.478,46.214,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="46.052"/>
                    <Path Data="M113,12.6667" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="0" Margin="113,12.667,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="0"/>
                    <Path Data="M294,52.4996 L285.191,63.0825 L246.667,35.6665 L276,0.99997 L287.667,8.33247 L287,0.665722 L291.333,-6.00101 L276,-14.3341 L226.667,29.666 L230,42.6662 L285.25,77.4998 L296.75,63.2497 z" HorizontalAlignment="Left" Height="91.833" Margin="226.667,-14.333,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="70.083" Grid.ColumnSpan="3">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="0.678,0.978" StartPoint="0.322,0.022">
                                <GradientStop Color="#FF571414" Offset="0.003"/>
                                <GradientStop Color="Red" Offset="0.983"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path HorizontalAlignment="Left" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Data="M49.333,0 L79.605,20.4999 L74.605,23.4999 L67.605,27.4999 L49.333,15.3339 L20,50.0001 L29.978,57.101 L21.105,66.9998 L3.33299,56.9997 L0,43.9997 z" Height="67" Margin="22.395,10,0,0" Stretch="Fill" Width="79.605">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="0.678,0.978" StartPoint="0.322,0.022">
                                <GradientStop Color="#FF571414" Offset="0.003"/>
                                <GradientStop Color="Red" Offset="0.983"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                </Grid>
                <Grid x:Name="Clothes" Margin="169,311,251,0">
                    <Path x:Name="服" Data="M664,435 C664,435 631,476 617,489 C603,502 594,516 588,520 C582,524 572,529 564,543 C556,557 556,584 554,590 C552,596 556,598 552,609 C548,620 504,682 504,682 L486,714 L673,715 C673,715 699,682 712,665 C725,648 756.333,603.333 756.333,603.333 C756.333,603.333 751.667,605.333 745,607.667 C724.3,614.913 723,584 720,580 C717,576 707,530 714,517 C721,504 732,472 746,457 C760,442 780,436 780,436 L762,418 L756,404 C756,404 736,416 713,425 C690,434 664,435 664,435 z" Fill="#FF8F8D8D" HorizontalAlignment="Left" Height="313" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="296"/>
                    <Path x:Name="服の影" Data="M534,712 L647,483 L661,455 L676,446 L755.172,405.019 C762.115,422.902 770.325,427.208 777.488,436.812 C761.619,442.276 744.184,456.39 741,462 C737.816,467.61 727.931,482.448 723.931,492.448 C719.931,502.448 711,521 711,521 C704.667,525 699.246,532.321 692,533 C684.754,533.679 682.82,520.796 676.82,515.796 C670.82,510.796 667,507 659,509 C651,511 646,517 641,533 C636,549 637,558 630,569 C623,580 621.052,583.922 621,592 C620.948,600.078 627.464,617.416 629,621 C630.536,624.584 636.951,633.149 643,634 C649.049,634.851 668,630 678,619 C688,608 705,590 705,590 C705,590 711.863,559.721 711.863,552.721 C711.863,545.721 716.822,578.221 722.773,590.474 C725.748,598.753 727.732,612.331 751.205,608.357 C748.891,614.318 704,675 690,690 C676,705 672.852,714.497 672.852,714.497 L612,713 L612,692 C612,692 622,672 621,661 C620,650 609,636 609,636 C609,636 592,658 592,671 C592,684 593,699 596,705 C599,711 603,714 603,714 z" Fill="#49000000" HorizontalAlignment="Left" Height="311.5" Margin="48,1,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="245.5"/>
                    <Path x:Name="右襟" Data="M658,431 C658,431 649,444 638,452 C627,460 617,466 617,466 C617,466 605,473 606,489 C607,505 609,506 609,506 C609,506 631,484 641,472 C651,460 665,433 665,433 z" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="77" Margin="119.941,27,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="61.059"/>
                    <Path x:Name="左襟" Data="M666,434 C674,447 671.5,458.5 677.5,478 C683.5,497.5 694.5,515 694.5,515 C694.5,515 718,492 731.5,470.5 C745,449 755.999,427 758.499,418.5 C757.499,409 752.385,405.366 752.385,405.366 C752.385,405.366 692.5,432 666,434 z" HorizontalAlignment="Left" Height="110.134" Margin="180.75,2.116,0,0" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" VerticalAlignment="Top" Width="93" Fill="{StaticResource Hair}" StrokeThickness="2"/>
                    <Path x:Name="ネクタイ" Data="M497,712 C497,712 523,675 538,653 C553,631 561,616 577,593 C593,570 603,550 612,533 C621,516 639,480 639,480 L652,463 L660,460 L667,467 L654,484 C654,484 632,538 622,565 C612,592 600,626 590,647 C580,668 561,713 561,713" HorizontalAlignment="Left" Height="255" Margin="11,56,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="172" Fill="{StaticResource Hair}"/>
                    <Path x:Name="ネクタイの結び目" Data="M660.571,452.714 C663.571,454 664.857,458.238 667,461 C665.667,466 665,472.286 663,476 C661,479.714 657.413,483.981 654.143,486.645 C651.81,484.978 653.903,479.707 648.143,478.715 C642.383,477.723 642.634,483.332 639.571,484.001 C640.276,481.377 640.714,470.001 644,465 C647.286,459.999 650,457.667 653,454 C655.524,453.571 657.571,451.428 660.571,452.714 z" HorizontalAlignment="Left" Height="34.473" Margin="154,43.027,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="34" Fill="{StaticResource Hair}"/>
                    <Path x:Name="左の袖" Data="M736,716 L735,602 L740,586 C740,586 752,601 774,599 C796,597 805,588 805,588 L805,578 L816,589 C816,589 813,616 813,644 C813,672 814,715 814,715" HorizontalAlignment="Left" Height="140" Margin="249,174,0,0" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="83">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="-0.352,0.5" StartPoint="1.222,0.516">
                                <GradientStop Color="Black"/>
                                <GradientStop Color="White" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                </Grid>
                <Grid x:Name="L_Tail" Margin="465,20,14,2">
                    <Path x:Name="左テール" Data="M919,714 L818,261 C818,261 788,187 784,160 C780,133 781,123 781,123 L787,112 C787,112 809,120 833,152 C857,184 925,334 947,374 C969,414 1005,471 1024,515 C1043,559 1121,713 1121,713" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="602" Stretch="Fill" UseLayoutRounding="False" VerticalAlignment="Top" Width="340.111" Stroke="Black" StrokeThickness="2"/>
                    <Path Data="M790.5,133.5 C790.5,133.5 798,154.5 801,159 C804,163.5 828,183 828,183 C828,183 834,174 828,168 C822,162 802.5,136.5 802.5,136.5 L828,157.5 C828,157.5 852,192 860.999,210 C869.999,228 898.498,289.5 898.498,289.5 L878.998,268.5 L899.998,330 L853.499,271.5 C853.499,271.5 868.499,297 871.499,310.5 C874.499,324 839.999,261 839.999,261 L816,225 L792,190.5 L784.5,150 z" HorizontalAlignment="Left" Height="198.5" Margin="1.5,10,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="117.5">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="0.678,0.978" StartPoint="0.322,0.022">
                                <GradientStop Color="#FF094C4F"/>
                                <GradientStop Color="#FF7EF9F8" Offset="0.983"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Data="M927,714 L891,555 L916.5,636 L887.333,510.667 L950,705.333 C950,705.333 951.333,679.333 945.333,664 C939.333,648.667 938,642.667 938,642.667 L919.333,563.333 L958,684 L937.333,585.333 C937.333,585.333 980.298,713.029 980.298,713.029 z" Fill="{StaticResource Hair}" HorizontalAlignment="Left" Height="205.314" Margin="105.444,397.667,0,0" Stretch="Fill" StrokeThickness="2" UseLayoutRounding="False" VerticalAlignment="Top" Width="95"/>

                </Grid>

                <Rectangle x:Name="Frame" HorizontalAlignment="Left" Height="625" Stroke="#FF12B2B9" StrokeThickness="18" VerticalAlignment="Top" Width="832"/>
            </Grid>
        </Viewbox>
    </Grid>

 

答えはこれ! → image