SixLabors
/
Svg
зеркало из https://github.com/SixLabors/Svg.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

use svgsharpie to parse svg and render via element visitor. 

render shapes & paths + text
This commit is contained in:
Scott Williams 2019-02-09 23:19:29 +00:00
Родитель 54f7849e95
Коммит 25de9deec9
32 изменённых файлов: 1806 добавлений и 1439 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

2
.gitmodules поставляемый
Просмотреть файл

@ -1,3 +1,3 @@
[submodule "external/SVGSharpie"]
path = external/SVGSharpie
url = https://github.com/equinox2k/SVGSharpie.git
url = https://github.com/SixLabors/SVGSharpie.git

13
Scratch/Program.cs
Просмотреть файл

@ -1,18 +1,23 @@
using System;
using System.IO;
using System.Threading.Tasks;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Formats.Svg;
namespace Scratch
{
class Program
{
static async Task Main(string[] args)
static void Main(string[] args)
{
using (var img = await SixLabors.Svg.SvgImage.LoadFromFileAsync<SixLabors.ImageSharp.PixelFormats.Rgba32>("source.svg"))
using (var img = SvgImageRenderer.LoadFromString<SixLabors.ImageSharp.PixelFormats.Rgba32>(File.ReadAllText("source.svg")))
{
img.Save("source.png");
}
//using (var img = SvgImageRenderer.LoadFromString<SixLabors.ImageSharp.PixelFormats.Rgba32>(File.ReadAllText("tiger.svg")))
//{
// img.Save("tiger.png");
//}
}
}
}

11
Scratch/Scratch.csproj
Просмотреть файл

@ -7,13 +7,22 @@
</PropertyGroup>
<ItemGroup>
<ProjectReference Include="..\src\SixLabors.Svg\SixLabors.Svg.csproj" />
<ProjectReference Include="..\src\SixLabors.Svg\SixLabors.ImageSharp.Svg.csproj" />
</ItemGroup>
<ItemGroup>
<None Update="source.svg">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</None>
<None Update="source.html">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</None>
<None Update="tiger.html">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</None>
<None Update="tiger.svg">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</None>
</ItemGroup>
</Project>

19
Scratch/source.html Normal file
Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="range" onchange="document.getElementById('svg').style.opacity = this.value;" value="0.5" min="0" max="1" step="0.01" />
<div style="position:relative">
<div style="position:absolute; left:0; top :0px; background-color:white" id="png">
<img src="source.png" />
</div>
<div style="position:absolute; left:0; top :0px; background-color:white; opacity:0.5" id="svg">
<img src="source.svg" />
</div>
</div>
</body>
</html>

153
Scratch/source.svg
Просмотреть файл

@ -1,22 +1,135 @@
<?xml version="1.0" standalone="no"?>
<svg width="400" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g fill="red" >
<rect x="10" y="100" width="90" height="90" stroke="black" stroke-width="15"/>
<rect x="160" y="100" rx="20" ry="20" width="90" height="90" fill-opacity="0.5" stroke="black" stroke-width="15"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<!--======================================================================-->
<!--= Copyright 2002 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, Institut National de Recherche en =-->
<!--= Informatique et en Automatique, Keio University). All Rights =-->
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- -->
<!-- paths-data-01-t.svg -->
<!-- 1.1 revision by Christophe Jolif -->
<!-- -->
<!-- Test that the viewer has the basic capability to handle the 'path' -->
<!-- element and its data (d) attribute in combination with the cubic -->
<!-- Bezier curveto commands, C, c, S, s (plus Mm and Zz). -->
<!-- -->
<!-- Author : Lofton Henderson, 29-Feb-2000 (based on work -->
<!-- of Mark Sgarlato, Adobe). -->
<!-- -->
<!-- History: -->
<!-- 29-Feb-2000, LRH, Ser#1 created. -->
<!-- 12-Mar-2000, LH, fix test-framing rect; ser#2 -->
<!-- 03-Aug-2000, LH: update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 15-Nov-2000, LH: add missing test-body-content group. -->
<!-- -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<svg version="1.1" baseProfile="tiny"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root"
width="1480" height="1360" viewBox="0 0 480 360">
<title id="test-title">paths-data-01-t</title>
<desc id="test-desc">Test that the viewer has the basic capability to handle the 'path' element and data (d) attribute in combination with the cubic Bezier curveto, both regular and shorthand/smooth forms - C, c, S, s (along with Mm and Zz).</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<!-- ====================================================================== -->
<!-- First Curve "X" that has subpath utilizing M, C, S, m, c, & s ======== -->
<!-- ====================================================================== -->
<text font-family="Arial" font-size="12" x="100" y="14">Cubic bezier curves drawn with commands:</text>
<path id="X_curve_MCSmcs" fill="#FF0000" stroke="#00C000" d=" M 210 130 C 145 130 110 80 110 80 S 75 25 10 25 m 0 105 c 65 0 100 -50 100 -50 s 35 -55 100 -55 "/>
<!-- ====================================================================== -->
<!-- Markers for path control points ===================================== -->
<!-- ====================================================================== -->
<rect x="208" y="128" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="108" y="78" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="8" y="23" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="8" y="128" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="108" y="78" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="208" y="23" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="5" y="82">M, C, S, m, c, s</text>
<!-- ====================================================================== -->
<!-- Infinity using M, c, c, c, C & z ===================================== -->
<!-- ====================================================================== -->
<path id="Infinity_McccCz" fill="none" stroke="#000000" d=" M 240 90 c 0 30 7 50 50 0 c 43 -50 50 -30 50 0 c 0 83 -68 -34 -90 -30 C 240 60 240 90 240 90 z "/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="238" y="88" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="288" y="88" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="338" y="88" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="248" y="58" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="253" y="50">M, c, c, c, C, z</text>
<!-- ====================================================================== -->
<!-- Horizontal line utilizing M, C & Z =================================== -->
<!-- ====================================================================== -->
<path id="Line_MCZ" fill="none" stroke="#000000" d="M80 170 C100 170 160 170 180 170Z"/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="78" y="168" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="178" y="168" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="110" y="190">M, C, Z</text>
<!-- ====================================================================== -->
<!-- Inverted V using M, C, c & Z ========================================= -->
<!-- ====================================================================== -->
<path id="Inv_V_MCcZ" fill="#00C000" stroke="none" d="M5 260 C40 260 60 175 55 160 c -5 15 15 100 50 100Z"/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="3" y="258" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="53" y="158" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="103" y="258" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="85" y="220">M, C, c, Z</text>
<!-- ====================================================================== -->
<!-- Remembrance Ribbon using m, c & s ==================================== -->
<!-- ====================================================================== -->
<path id="Rem_Rib_mcs" fill="none" stroke="#000000" d="m 200 260 c 50 -40 50 -100 25 -100 s -25 60 25 100 "/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="198" y="258" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="223" y="158" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="248" y="258" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="165" y="210">m, c, s</text>
<!-- ====================================================================== -->
<!-- 90 degree arc using M & C ============================================ -->
<!-- ====================================================================== -->
<path id="Arc_MC" fill="#0000FF" stroke="#000000" d=" M 360 100 C 420 90 460 140 450 190"/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="358" y="98" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="448" y="188" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="360" y="150">M, C</text>
<!-- ====================================================================== -->
<!-- Circle using M, c, s, s, s & z ======================================= -->
<!-- ====================================================================== -->
<path id="Circle_Mcssz" fill="#FFFF00" stroke="#000000" d="M360 210 c 0 20 -16 36 -36 36 s -36 -16 -36 -36 s 16 -36 36 -36 s 36 16 36 36 z "/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="358" y="208" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="322" y="244" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="286" y="208" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="322" y="172" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="290" y="265">M, c, s, s, s, z</text>
<!-- ====================================================================== -->
<!-- Inverted horseshoe using m, c & z ==================================== -->
<!-- ====================================================================== -->
<path id="Horseshoe_Mcs" fill="#F0F0F0" stroke="#FF0000" d="m 360 325 c -40 -60 95 -100 80 0 z "/>
<!-- ====================================================================== -->
<!-- Markers for path control points ====================================== -->
<!-- ====================================================================== -->
<rect x="358" y="323" width="4" height="4" fill="#4A83FF" stroke="none"/>
<rect x="438" y="323" width="4" height="4" fill="#4A83FF" stroke="none"/>
<text font-family="Arial" font-size="12" x="380" y="340">m, c, z</text>
</g>
<rect x="10" y="10" width="90" height="90" stroke="black" fill="none" stroke-width="15"/>
<rect x="160" y="10" rx="20" ry="20" width="90" height="90" fill="none" stroke="black" stroke-width="15"/>
<circle cx="25" cy="175" r="20" stroke="red" fill="transparent" stroke-width="5"/>
<ellipse cx="175" cy="175" rx="20" ry="5" stroke="red" fill="transparent" stroke-width="5"/>
<line x1="10" x2="50" y1="110" y2="150" stroke="orange" stroke-width="5"/>
<polyline points="60 110 65 120 70 115 75 130 80 125 85 140 90 135 95 150 100 145"
stroke="orange" fill="transparent" stroke-width="5"/>
<polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180"
stroke="green" fill="transparent" stroke-width="5"/>
<path d="M20,230 Q40,205 50,230 T90,230" fill="red" stroke="blue" stroke-width="5"/>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>

19
Scratch/tiger.html Normal file
Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="range" onchange="document.getElementById('svg').style.opacity = this.value;" value="0.5" min="0" max="1" step="0.01" />
<div style="position:relative">
<div style="position:absolute; left:0; top :0px; background-color:white" id="png">
<img src="tiger.png" />
</div>
<div style="position:absolute; left:0; top :0px; background-color:white; opacity:0.5" id="svg">
<img src="tiger.svg" />
</div>
</div>
</body>
</html>

738
Scratch/tiger.svg Normal file
Просмотреть файл

@ -0,0 +1,738 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900" version="1.1" width="900" height ="900">
<g id="g4" fill="none" transform="matrix(1.7656463,0,0,1.7656463,324.90716,255.00942)">
<g id="g6" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path8" d="m-122.3,84.285s0.1,1.894-0.73,1.875c-0.82-0.019-17.27-48.094-37.8-45.851,0,0,17.78-7.353,38.53,43.976z"/>
</g>
<g id="g10" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path12" d="m-118.77,81.262s-0.55,1.816-1.32,1.517c-0.77-0.298,0.11-51.104-19.95-55.978,0,0,19.22-0.864,21.27,54.461z"/>
</g>
<g id="g14" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path16" d="m-91.284,123.59s1.636,0.96,1.166,1.64c-0.471,0.67-49.642-12.13-59.102,6.23,0,0,3.68-18.89,57.936-7.87z"/>
</g>
<g id="g18" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path20" d="m-94.093,133.8s1.856,0.4,1.622,1.19c-0.233,0.79-50.939,4.13-54.129,24.53,0,0-2.46-19.08,52.507-25.72z"/>
</g>
<g id="g22" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path24" d="m-98.304,128.28s1.778,0.66,1.432,1.41-50.998-3.34-57.128,16.37c0,0,0.35-19.24,55.696-17.78z"/>
</g>
<g id="g26" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path28" d="m-109.01,110.07s1.31,1.38,0.67,1.9-44.38-25.336-58.53-10.29c0,0,8.74-17.147,57.86,8.39z"/>
</g>
<g id="g30" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path32" d="m-116.55,114.26s1.45,1.22,0.88,1.81c-0.58,0.59-46.97-20.148-59.32-3.6,0,0,6.74-18.023,58.44,1.79z"/>
</g>
<g id="g34" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path36" d="m-119.15,118.34s1.6,1,1.11,1.67c-0.49,0.66-49.27-13.56-59.25,4.51,0,0,4.22-18.77,58.14-6.18z"/>
</g>
<g id="g38" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path40" d="m-108.42,118.95s1.12,1.53,0.42,1.97c-0.7,0.43-40.77-30.818-56.73-17.71,0,0,10.87-15.884,56.31,15.74z"/>
</g>
<g id="g42" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path44" d="m-128.2,90s0.6,1.8-0.2,2-29.4-41.8-48.6-34.2c0,0,15.2-11.8,48.8,32.2z"/>
</g>
<g id="g46" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path48" d="m-127.5,96.979s0.97,1.629,0.23,1.996c-0.74,0.368-37.72-34.476-54.83-22.914,0,0,12.3-14.8,54.6,20.918z"/>
</g>
<g id="g50" stroke-width="0.17200001" stroke="#000" fill="#FFF">
<path id="path52" d="m-127.62,101.35s1.12,1.53,0.42,1.97c-0.7,0.43-40.77-30.818-56.73-17.713,0,0,10.87-15.881,56.31,15.743z"/>
</g>
<g id="g54" stroke="#000" fill="#FFF">
<path id="path56" d="m-129.83,103.06
c 0.5,6.05,
1.49,12.62,
3.23,15.74,
0,0-3.6,
12.4,5.2,
25.6,0,
0-0.4,
7.2,1.2,
10.4,0,
0,4,
8.4,8.8,
9.2,3.88,
0.65,12.607,3.72,22.468,5.12,0,0,17.132,14.08,13.932,26.88,0,0-0.4,16.4-4,18,0,0,11.6-11.2,2,5.6l-4.4,18.8s25.6-21.6,10-3.2l-10,26s19.6-18.4,12.4-10l-3.2,8.8s43.2-27.2,12.4,2.4c0,0,8-3.6,12.4-0.8,0,0,6.8-1.2,6,0.4,0,0-20.8,10.4-24.4,28.8,0,0,8.4-10,5.2,0.8l0.4,11.6s4-21.6,3.6,16c0,0,19.2-18,7.6,2.8v16.8s15.2-16.4,8.8-3.6c0,0,10-8.8,6,6.4,0,0-0.8,10.4,3.6-0.8,0,0,16-30.6,10-4.4,0,0-0.8,19.2,4,4.4,0,0,0.4,10.4,9.6,17.6,0,0-1.2-50.8,11.6-14.8l4,16.4s2.8-9.2,2.4-14.4l8,8s15.2-22.8,12-9.6c0,0-7.6,16-6,20.8,0,0,16.8-34.8,18-36.4,0,0-2,42.4,8.8,6.4,0,0,5.6,12,2.8,16.4,0,0,8-8,7.2-11.2,0,0,4.6-8.2,7.4,5.4,0,0,1.8,9.4,3.4,6.2,0,0,4,24,5.2,1.2,0,0,1.6-13.6-5.6-25.2,0,0,0.8-3.2-2-7.2,0,0,13.6,21.6,6.4-7.2,0,0,11.201,8,12.401,8,0,0-13.601-23.2-4.801-18.4,0,0-5.2-10.4,12.801,1.6,0,0-16.001-16,1.6-6.4,0,0,7.999,6.4,0.4-3.6,0,0-14.401-16,7.599,2,0,0,11.6,16.4,12.4,19.2,0,0-10-29.2-14.4-32,0,0,8.4-36.4,49.6-20.8,0,0,6.8,17.2,11.2-1.2,0,0,12.8-6.4,24,21.2,0,0,4-13.6,3.2-16.4,0,0,6.8,1.2,6,0,0,0,13.2,4.4,14.4,3.6,0,0,6.8,6.8,7.2,3.2,0,0,9.2,2.8,7.2-0.8,0,0,8.8,15.6,9.2,19.2l2.4-14,2,2.8s1.6-7.6,0.8-8.8,20,6.8,24.8,27.6l2,8.4s6-14.8,4.4-18.8c0,0,5.2,0.8,5.6,5.2,0,0,4-23.2-0.8-29.2,0,0,4.4-0.8,5.6,2.8v-7.2s7.2,0.8,7.2-1.6c0,0,4.4-4,6.4,0.8,0,0-12.4-35.2,6-16,0,0,7.2,10.8,3.6-8s-7.6-20.4-2.8-20.8c0,0,0.8-3.6-1.2-5.2s1.2,0,1.2,0,4.8,4-0.4-18c0,0,6.4,1.6-5.6-27.6,0,0,2.8-2.4-1.2-10.8,0,0,8,4.4,10.8,2.8,0,0-0.4-1.6-3.6-5.6,0,0-21.6-54.8-1.2-32.8,0,0,11.85,13.55,5.45-9.25,0,0-9.11-24.009-8.33-28.305l-429.55,23.015z"/>
</g>
<g id="g58" stroke="#000" fill="#cc7226">
<path id="path60" d="m299.72,80.245c0.62,0.181,2.83,1.305,4.08,2.955,0,0,6.8,10.8,1.6-7.6,0,0-9.2-28.8-0.4-17.6,0,0,6,7.2,2.8-6.4-3.86-16.427-6.4-22.8-6.4-22.8s11.6,4.8-15.2-34.8l8.8,3.6s-19.6-39.6-41.2-44.8l-8-6s38.4-38,25.6-74.8c0,0-6.8-5.2-16.4,4,0,0-6.4,4.8-12.4,3.2,0,0-30.8,1.2-32.8,1.2s-36.8-37.2-102.4-19.6c0,0-5.2,2-9.599,0.8,0,0-18.401-16-67.201,6.8,0,0-10,2-11.6,2s-4.4,0-12.4,6.4-8.4,7.2-10.4,8.8c0,0-16.4,11.2-21.2,12,0,0-11.6,6.4-16,16.4l-3.6,1.2s-1.6,7.2-2,8.4c0,0-4.8,3.6-5.6,9.2,0,0-8.8,6-8.4,10.4,0,0-1.6,5.2-2.4,10,0,0-7.2,4.8-6.4,7.6,0,0-7.6,14-6.4,20.8,0,0-6.4-0.4-9.2,2,0,0-0.8,4.8-2.4,5.2,0,0-2.8,1.2-0.4,5.2,0,0-1.6,2.8-2,4.4,0,0,0.8,2.8-3.6,8.4,0,0-6.4,18.8-4.4,24,0,0,0.4,4.8-2.4,6.4,0,0-3.6-0.4,4.8,11.6,0,0,0.8,1.2-2.4,3.6,0,0-17.2,3.6-19.6,20,0,0-13.6,14.8-13.6,20,0,2.305,0.27,5.452,0.97,10.06,0,0-0.57,8.34,27.03,9.14s402.72-31.355,402.72-31.355z"/>
</g>
<g id="g62" fill="#cc7226">
<path id="path64" d="m-115.6,102.6c-25-39.4-10.6,17-10.6,17,8.8,34.4,138.4-3.2,138.4-3.2s168.8-30.4,180-34.4,106.4,2.4,106.4,2.4l-5.6-16.8c-64.8-46.4-84-23.2-97.6-27.2s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2-31.74-22.951-16.8,8.8c16,34-58.4,39.2-75.2,28s7.2,18.4,7.2,18.4c18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4-8.8-2.4-8.31-23.101-40,3.2c-20,16.6-33.8-5.4-33.8-5.4l-2.8,11.6z"/>
</g>
<g id="g66" fill="#e87f3a">
<path id="path68" d="m133.51,25.346c-6.4,0.8-31.77-22.939-16.8,8.8,16.6,35.2-58.4,39.2-75.2,28-16.801-11.2,7.2,18.4,7.2,18.4,18.4,20.004-16.001,3.2-16.001,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4.004-8.8-2.4c-0.8-6.4-8.179-22.934-40,3.2-21.236,17.344-34.729-4.109-34.729-4.109l-3.2,10.113c-25-39.804-9.93,18.51-9.93,18.51,8.81,34.4,139.06-4.51,139.06-4.51s168.8-30.404,180-34.404,105.53,2.327,105.53,2.327l-5.53-17.309c-64.8-46.4-83.2-22.618-96.8-26.618s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g70" fill="#ea8c4d">
<path id="path72" d="m134.82,27.091c-6.4,0.8-31.14-23.229-16.8,8.8,16.2,36.201-58.401,39.201-75.201,28.001s7.2,18.4,7.2,18.4c18.4,19.998-16,3.2-16,3.2-34.4-12.8-58.401,12.8-61.601,13.6s-8,3.998-8.8-2.4c-0.8-6.4-8.048-22.767-40,3.2-22.473,18.088-35.658-2.818-35.658-2.818l-3.6,8.616c-23.8-38.998-9.25,20.02-9.25,20.02,8.8,34.4,139.71-5.82,139.71-5.82s168.8-30.398,180-34.398,104.65,2.254,104.65,2.254l-5.45-17.818c-64.8-46.4-82.4-22.037-96-26.037s-11.2,5.6-14.4,6.401c-3.2,0.8-42.4-24.001-48.8-23.201z"/>
</g>
<g id="g74" fill="#ec9961">
<path id="path76" d="m136.13,28.837c-6.4,0.8-31.13-23.232-16.8,8.8,16.8,37.556-58.936,38.845-75.202,28-16.8-11.2,7.2,18.4,7.2,18.4,18.4,20.003-16,3.2-16,3.2-34.4-12.8-58.4,12.803-61.6,13.603s-8,4-8.8-2.403c-0.8-6.4-7.917-22.598-40.001,3.203-23.709,18.83-36.587-1.53-36.587-1.53l-4,7.13c-21.8-36.803-8.58,21.52-8.58,21.52,8.8,34.4,140.37-7.12,140.37-7.12s168.8-30.403,180-34.403,103.78,2.182,103.78,2.182l-5.38-18.327c-64.8-46.401-81.6-21.455-95.2-25.455s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g78" fill="#eea575">
<path id="path80" d="m137.44,30.583c-6.4,0.8-30.63-23.454-16.8,8.8,16.8,39.2-58.403,39.2-75.203,28s7.2,18.4,7.2,18.4c18.4,19.997-16,3.2-16,3.2-34.4-12.8-58.4,12.797-61.6,13.597s-8,4-8.8-2.4c-0.8-6.397-7.785-22.428-40,3.2-24.946,19.58-37.507-0.23-37.507-0.23l-4.4,5.63c-19.8-34.798-7.91,23.04-7.91,23.04,8.8,34.4,141.02-8.44,141.02-8.44s168.8-30.397,180-34.397,102.91,2.109,102.91,2.109l-5.31-18.837c-64.8-46.4-80.8-20.872-94.4-24.872s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g82" fill="#f1b288">
<path id="path84" d="m138.75,32.328c-6.4,0.8-32.37-22.651-16.8,8.8,19.2,38.8-58.404,39.2-75.204,28s7.2,18.4,7.2,18.4c18.4,20.002-16,3.2-16,3.2-34.4-12.8-58.4,12.802-61.6,13.602s-8,4-8.8-2.4c-0.8-6.402-7.654-22.265-40,3.2-26.182,20.33-38.436,1.05-38.436,1.05l-4.8,4.15c-18-33.202-7.24,24.54-7.24,24.54,8.8,34.4,141.68-9.74,141.68-9.74s168.8-30.402,180-34.402,102.03,2.036,102.03,2.036l-5.23-19.345c-64.8-46.4-80-20.291-93.6-24.291s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g86" fill="#f3bf9c">
<path id="path88" d="m140.06,34.073c-6.4,0.8-32.75-22.46-16.8,8.8,20.4,40.001-58.405,39.201-75.205,28.001s7.2,18.4,7.2,18.4c18.4,19.996-16,3.2-16,3.2-34.4-12.8-58.4,12.796-61.6,13.596s-8,4-8.8-2.4c-0.8-6.396-7.523-22.092-40,3.2-27.419,21.08-39.365,2.35-39.365,2.35l-5.2,2.65c-16-30.196-6.56,26.06-6.56,26.06,8.8,34.4,142.32-11.06,142.32-11.06s168.8-30.396,180-34.396,101.16,1.963,101.16,1.963l-5.16-19.854c-64.8-46.4-79.2-19.709-92.8-23.709-13.6-4.001-11.2,5.6-14.4,6.4s-42.4-24.001-48.8-23.201z"/>
</g>
<g id="g90" fill="#f5ccb0">
<path id="path92" d="m141.36,35.819c-6.4,0.8-33.84-21.875-16.8,8.8,22,39.6-58.396,39.2-75.196,28s7.2,18.4,7.2,18.4c18.4,20.001-16,3.2-16,3.2-34.4-12.8-58.4,12.801-61.6,13.601s-8,4-8.8-2.4c-0.8-6.401-7.391-21.928-40,3.2-28.655,21.82-40.294,3.64-40.294,3.64l-5.6,1.16c-14.4-28.401-5.89,27.56-5.89,27.56,8.8,34.4,142.98-12.36,142.98-12.36s168.8-30.401,180-34.401,100.3,1.891,100.3,1.891l-5.1-20.364c-64.8-46.4-78.4-19.127-92-23.127s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g94" fill="#f8d8c4">
<path id="path96" d="m142.67,37.565c-6.4,0.8-33.84-21.876-16.8,8.8,22,39.6-58.396,39.2-75.196,28s7.2,18.4,7.2,18.4c18.4,19.995-16,3.2-16,3.2-34.401-12.8-58.401,12.795-61.601,13.595s-8,4-8.8-2.4-7.259-21.755-40,3.2c-29.891,22.57-41.213,4.93-41.213,4.93l-6-0.33c-13.61-26.396-5.22,29.08-5.22,29.08,8.8,34.4,143.63-13.68,143.63-13.68s168.8-30.395,180-34.395,99.42,1.818,99.42,1.818l-5.01-20.873c-64.81-46.4-77.61-18.545-91.21-22.545s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g98" fill="#fae5d7">
<path id="path100" d="m143.98,39.31c-6.4,0.8-33.45-22.087-16.8,8.8,22,40.8-58.397,39.2-75.197,28s7.2,18.4,7.2,18.4c18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6-3.201,0.8-8.001,4-8.801-2.4s-7.128-21.592-40,3.2c-31.127,23.31-42.142,6.22-42.142,6.22l-6.4-1.82c-13-24-4.55,30.58-4.55,30.58,8.8,34.4,144.29-14.98,144.29-14.98s168.8-30.4,180-34.4,98.55,1.746,98.55,1.746l-4.95-21.382c-64.8-46.401-76.8-17.964-90.4-21.964s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z"/>
</g>
<g id="g102" fill="#fcf2eb">
<path id="path104" d="m145.29,41.055c-6.4,0.8-32.37-22.644-16.8,8.8,21.2,42.801-58.398,39.201-75.198,28.001s7.2,18.4,7.2,18.4c18.4,20.004-16,3.2-16,3.2-34.4-12.8-58.4,12.804-61.6,13.604s-8,4-8.8-2.4-6.997-21.428-40,3.2c-32.365,24.05-43.072,7.5-43.072,7.5l-6.8-3.3c-12.8-23.204-3.87,32.09-3.87,32.09,8.8,34.4,144.94-16.29,144.94-16.29s168.8-30.4,180-34.404c11.2-4,97.67,1.674,97.67,1.674l-4.87-21.893c-64.8-46.4-76-17.381-89.6-21.381-13.6-4.001-11.2,5.6-14.4,6.4s-42.4-24.001-48.8-23.201z"/>
</g>
<g id="g106" fill="#FFF">
<path id="path108" d="m-115.8,119.6c-12.8-22-3.2,33.6-3.2,33.6,8.8,34.4,145.6-17.6,145.6-17.6s168.8-30.4,180-34.4,96.8,1.6,96.8,1.6l-4.8-22.4c-64.8-46.4-75.2-16.8-88.8-20.8s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2-31.62-23.007-16.8,8.8c22.23,47.707-60.759,37.627-75.2,28-16.8-11.2,7.2,18.4,7.2,18.4,18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4-8.8-2.4-6.865-21.256-40,3.2c-33.6,24.8-44,8.8-44,8.8l-7.2-4.8z"/>
</g>
<g id="g110" fill="#000">
<path id="path112" d="m-74.2,149.6s-7.2,11.6,13.6,24.8c0,0,1.4,1.4-16.6-2.8,0,0-6.2-2-7.8-12.4,0,0-4.8-4.4-9.6-10s20.4,0.4,20.4,0.4z"/>
</g>
<g id="g114" fill="#CCC">
<path id="path116" d="m65.8,102s17.698,26.82,17.1,31.6c-1.3,10.4-1.5,20,1.7,24,3.201,4,12.001,37.2,12.001,37.2s-0.4,1.2,11.999-36.8c0,0,11.6-16-8.4-34.4,0,0-35.2-28.8-34.4-21.6z"/>
</g>
<g id="g118" fill="#000">
<path id="path120" d="m-54.2,176.4s11.2,7.2-3.2,38.4l6.4-2.4s-0.8,11.2-4,13.6l7.2-3.2s4.8,8,0.8,12.8c0,0,16.8,8,16,14.4,0,0,6.4-8,2.4-14.4s-11.2-2.4-10.4-20.8l-8.8,3.2s5.6-8.8,5.6-15.2l-8,2.4s15.469-26.58,4.8-28c-6-0.8-8.8-0.8-8.8-0.8z"/>
</g>
<g id="g122" fill="#CCC">
<path id="path124" d="m-21.8,193.2s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z"/>
</g>
<g id="g126" fill="#CCC">
<path id="path128" d="m-11.4,201.2s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z"/>
</g>
<g id="g130" fill="#CCC">
<path id="path132" d="m1.8,186s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z"/>
</g>
<g id="g134" fill="#CCC">
<path id="path136" d="m-21.4,229.6s0-6-2.8-5.2-38.8,18.4-44.8,28c0,0,42-25.6,47.6-22.8z"/>
</g>
<g id="g138" fill="#CCC">
<path id="path140" d="m-20.2,218.8s1.2-4.8-1.6-4c-2,0-28.4,11.6-34.4,21.2,0,0,29.6-21.6,36-17.2z"/>
</g>
<g id="g142" fill="#CCC">
<path id="path144" d="m-34.6,266.4-10,7.6s10.4-7.6,14-6.4c0,0-6.8,11.2-7.6,16.4,0,0,10.4-12.8,16-12.4,0,0,7.6,0.4,7.6,11.2,0,0,5.6-10.4,8.8-10,0,0,1.2,6.4,0,13.2,0,0,4-7.6,8-6,0,0,6.4-2,5.6,9.6,0,0,0,10.4-0.8,13.2,0,0,5.6-26.4,8-26.8,0,0,8-1.2,12.8,7.6,0,0-4-7.6,0.8-5.6,0,0,10.8,1.6,14,8.4,0,0-6.8-12-1.2-8.8l8,6.4s8.4,21.2,10.4,22.8c0,0-7.6-21.6-6-21.6,0,0-2-12,3.2,2.8,0,0-3.2-14,2.4-13.2s10,10.8,18.4,8.4c0,0,9.601,5.6,11.601-63.6l-124,46.8z"/>
</g>
<g id="g146" fill="#000">
<path id="path148" d="m-29.8,173.6s14.8-6,54.8,0c0,0,7.2,0.4,14-8.4s33.6-16,40-14l9.601,6.4,0.8,1.2s12.399,10.4,12.799,18-14.399,55.6-24,71.6c-9.6,16-19.2,28.4-38.4,26,0,0-20.8-4-46.4,0,0,0-29.2-1.6-32-9.6s11.2-23.2,11.2-23.2,4.4-8.4,3.2-22.8-0.8-42.4-5.6-45.2z"/>
</g>
<g id="g150" fill="#e5668c">
<path id="path152" d="M-7.8,175.6c8.4,18.4-21.2,83.6-21.2,83.6-2,1.6,12.66,7.65,22.8,5.2,10.946-2.64,51.2,1.6,51.2,1.6,23.6-15.6,36.4-60,36.4-60s10.401-24-7.2-27.2c-17.6-3.2-82-3.2-82-3.2z"/>
</g>
<g id="g154" fill="#b23259">
<path id="path156" d="m-9.831,206.5c3.326-12.79,4.91-24.59,2.031-30.9,0,0,62.4,6.4,73.6-14.4,4.241-7.87,19.001,22.8,18.6,32.4,0,0-63,14.4-77.8,3.2l-16.431,9.7z"/>
</g>
<g id="g158" fill="#a5264c">
<path id="path160" d="m-5.4,222.8s2,7.2-0.4,11.2c0,0-1.6,0.8-2.8,1.2,0,0,1.2,3.6,7.2,5.2,0,0,2,4.4,4.4,4.8s7.2,6,11.2,4.8,15.2-5.2,15.2-5.2,5.6-3.2,14.4,0.4c0,0,2.375-0.8,2.8-4.8,0.5-4.7,3.6-8.4,5.6-10.4s11.6-14.8,10.4-15.2-68,8-68,8z"/>
</g>
<g id="g162" stroke="#000" fill="#ff727f">
<path id="path164" d="m-9.8,174.4s-2.8,22.4,0.4,30.8,2.4,10.4,1.6,14.4,3.6,14,9.2,20l12,1.6s15.2-3.6,24.4-0.8c0,0,8.994,1.34,12.4-13.6,0,0,4.8-6.4,12-9.2s14.4-44.4,10.4-52.4-18.4-12.4-34.4,3.2-18-1.2-48,6z"/>
</g>
<g id="g166" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path168" d="m-8.2,249.2s-0.8-2-5.2-2.4c0,0-22.4-3.6-30.8-16,0,0-6.8-5.6-2.4,6,0,0,10.4,20.4,17.2,23.2,0,0,16.4,4,21.2-10.8z"/>
</g>
<g id="g170" fill="#cc3f4c">
<path id="path172" d="m71.742,185.23c0.659-7.91,2.612-16.52,0.858-20.03-6.446-12.89-23.419-7.5-34.4,3.2-16,15.6-18-1.2-48,6,0,0-1.745,13.96-0.905,23.98,0,0,37.305-11.58,38.105-5.98,0,0,1.6-3.2,10.8-3.2s31.942-1.17,33.542-3.97z"/>
</g>
<g id="g174" stroke-width="2" stroke="#a51926">
<path id="path176" d="m28.6,175.2s4.8,4.8,1.2,14.4c0,0-14.4,16-12.4,30"/>
</g>
<g id="g178" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path180" d="m-19.4,260s-4.4-12.8,4.4-6l3.6,3.6c-1.2,1.6-6.8,5.6-8,2.4z"/>
</g>
<g id="g182" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path184" d="m-14.36,261.2s-3.52-10.24,3.52-4.8l2.88,2.88c-4.56,1.28,0,3.84-6.4,1.92z"/>
</g>
<g id="g186" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path188" d="m-9.56,261.2s-3.52-10.24,3.52-4.8l2.88,2.88c-3.36,1.28,0,3.84-6.4,1.92z"/>
</g>
<g id="g190" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path192" d="m-2.96,261.4s-3.52-10.24,3.52-4.8c0,0,4.383,2.33,2.881,2.88-2.961,1.08,0,3.84-6.401,1.92z"/>
</g>
<g id="g194" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path196" d="m3.52,261.32s-3.52-10.24,3.521-4.8l2.88,2.88c-0.96,1.28,0,3.84-6.401,1.92z"/>
</g>
<g id="g198" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path200" d="m10.2,262s-4.8-12.4,4.4-6l3.6,3.6c-1.2,1.6,0,4.8-8,2.4z"/>
</g>
<g id="g202" stroke-width="2" stroke="#a5264c">
<path id="path204" d="m-18.2,244.8s13.2-2.8,19.2,0.4c0,0,6,1.2,7.2,0.8s4.4-0.8,4.4-0.8"/>
</g>
<g id="g206" stroke-width="2" stroke="#a5264c">
<path id="path208" d="m15.8,253.6s12-13.6,24-9.2c7.016,2.57,6-0.8,6.8-3.6s1-7,6-10"/>
</g>
<g id="g210" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path212" d="m33,237.6s-4-10.8-6.8,2-6,16.4-7.6,19.2c0,0,0,5.2,8.4,4.8,0,0,10.8-0.4,11.2-3.2s-1.2-14.4-5.2-22.8z"/>
</g>
<g id="g214" stroke-width="2" stroke="#a5264c">
<path id="path216" d="m47,244.8s3.6-2.4,6-1.2"/>
</g>
<g id="g218" stroke-width="2" stroke="#a5264c">
<path id="path220" d="m53.5,228.4s2.9-4.9,7.7-5.7"/>
</g>
<g id="g222" fill="#b2b2b2">
<path id="path224" d="m-25.8,265.2s18,3.2,22.4,1.6l0.4,2-20.8-1.2s-11.6-5.6-2-2.4z"/>
</g>
<g id="g226" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path228" d="m-11.8,172,19.6,0.8s7.2,30.8,3.6,38.4c0,0-1.2,2.8-4-2.8,0,0-18.4-32.8-21.6-34.8s1.2-1.6,2.4-1.6z"/>
</g>
<g id="g230" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path232" d="m-88.9,169.3s8.9,1.7,21.5,4.3c0,0,4.8,22.4,8,27.2s-0.4,4.8-4,2-18.4-16.8-20.4-21.2-5.1-12.3-5.1-12.3z"/>
</g>
<g id="g234" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path236" d="m-67.039,173.82s5.8,1.55,6.809,3.76c1.008,2.22-1.202,5.51-1.202,5.51s-1,3.31-2.202,1.15c-1.202-2.17-4.074-9.83-3.405-10.42z"/>
</g>
<g id="g238" fill="#000">
<path id="path240" d="m-67,173.6s3.6,5.2,7.2,5.2,3.982-0.41,6.8,0.2c4.6,1,4.2-1,10.8,0.2,2.64,0.48,5.2-0.4,8,0.8s6,0.4,7.2-1.6,6-6.2,6-6.2-12.8,1.8-15.6,2.6c0,0-22.4,1.2-30.4-1.2z"/>
</g>
<g id="g242" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path244" d="m-22.4,173.8s-6.45,3.5-6.85,5.9,5.25,6.1,5.25,6.1,2.75,4.6,3.35,2.2-0.95-13.8-1.75-14.2z"/>
</g>
<g id="g246" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path248" d="m-59.885,179.26s7.007,11.19,7.224-0.02c0,0,0.557-1.26-1.203-1.28-6.075-0.07-4.554-4.18-6.021,1.3z"/>
</g>
<g id="g250" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path252" d="m-52.707,179.51s7.921,11.19,7.285-0.09c0,0,0.007-0.33-1.746-0.48-4.747-0.42-4.402-4.94-5.539,0.57z"/>
</g>
<g id="g254" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path256" d="m-45.494,179.52s7.96,10.63,7.291,0.96c0,0,0.119-1.23-1.535-1.53-3.892-0.71-4.103-3.95-5.756,0.57z"/>
</g>
<g id="g258" stroke-width="0.5" stroke="#000" fill="#FFC">
<path id="path260" d="m-38.618,179.6s7.9,11.56,8.248,1.78c0,0,1.644-1.38-0.102-1.6-5.818-0.74-5.02-5.19-8.146-0.18z"/>
</g>
<g id="g262" fill="#e5e5b2">
<path id="path264" d="m-74.792,183.13-7.658-1.53c-2.6-5-4.7-11.15-4.7-11.15s6.35,1,18.85,3.8c0,0,0.876,3.32,2.348,9.11l-8.84-0.23z"/>
</g>
<g id="g266" fill="#e5e5b2">
<path id="path268" d="m-9.724,178.47c-1.666-2.51-2.983-4.26-3.633-4.67-3.013-1.88,1.13-1.51,2.259-1.51l18.454,0.76s0.524,2.24,1.208,5.63c0,0-10.088-2.01-18.288-0.21z"/>
</g>
<g id="g270" fill="#cc7226">
<path id="path272" d="m43.88,40.321c27.721,3.96,53.241-31.68,55.001-41.361,1.759-9.68-8.36-21.56-8.36-21.56,1.32-3.08-3.52-17.16-8.8-26.4s-21.181-8.266-38.721-9.24c-15.84-0.88-34.32,22.44-35.64,24.2s4.84,40.041,6.16,45.761-1.32,32.12-1.32,32.12c34.24-9.1,3.96-7.48,31.68-3.52z"/>
</g>
<g id="g274" fill="#ea8e51">
<path id="path276" d="m8.088-33.392c-1.296,1.728,4.752,39.313,6.048,44.929s-1.296,31.536-1.296,31.536c32.672-8.88,3.888-7.344,31.104-3.456,27.217,3.888,52.273-31.104,54.001-40.609,1.728-9.504-8.208-21.168-8.208-21.168,1.296-3.024-3.456-16.848-8.64-25.92s-20.795-8.115-38.017-9.072c-15.552-0.864-33.696,22.032-34.992,23.76z"/>
</g>
<g id="g278" fill="#efaa7c">
<path id="path280" d="m8.816-32.744c-1.272,1.696,4.664,38.585,5.936,44.097s-1.272,30.952-1.272,30.952c31.404-9.16,3.816-7.208,30.528-3.392,26.713,3.816,51.305-30.528,53.001-39.857,1.696-9.328-8.056-20.776-8.056-20.776,1.272-2.968-3.392-16.536-8.48-25.44s-20.41-7.965-37.313-8.904c-15.264-0.848-33.072,21.624-34.344,23.32z"/>
</g>
<g id="g282" fill="#f4c6a8">
<path id="path284" d="m9.544-32.096c-1.248,1.664,4.576,37.857,5.824,43.265s-1.248,30.368-1.248,30.368c29.436-9.04,3.744-7.072,29.952-3.328,26.209,3.744,50.337-29.952,52.001-39.104,1.664-9.153-7.904-20.385-7.904-20.385,1.248-2.912-3.328-16.224-8.32-24.96s-20.025-7.815-36.609-8.736c-14.976-0.832-32.448,21.216-33.696,22.88z"/>
</g>
<g id="g286" fill="#f9e2d3">
<path id="path288" d="m10.272-31.448c-1.224,1.632,4.488,37.129,5.712,42.433s-1.224,29.784-1.224,29.784c27.868-8.92,3.672-6.936,29.376-3.264,25.705,3.672,49.369-29.376,51.001-38.353,1.632-8.976-7.752-19.992-7.752-19.992,1.224-2.856-3.264-15.912-8.16-24.48s-19.64-7.665-35.905-8.568c-14.688-0.816-31.824,20.808-33.048,22.44z"/>
</g>
<g id="g290" fill="#FFF">
<path id="path292" d="M44.2,36.8c25.2,3.6,48.401-28.8,50.001-37.6s-7.6-19.6-7.6-19.6c1.2-2.8-3.201-15.6-8.001-24s-19.254-7.514-35.2-8.4c-14.4-0.8-31.2,20.4-32.4,22s4.4,36.4,5.6,41.6-1.2,29.2-1.2,29.2c25.5-8.6,3.6-6.8,28.8-3.2z"/>
</g>
<g id="g294" fill="#CCC">
<path id="path296" d="m90.601,2.8s-27.801,7.6-39.401,6c0,0-15.8-6.6-24.6,15.2,0,0-3.6,7.2-5.6,9.2s69.601-30.4,69.601-30.4z"/>
</g>
<g id="g298" fill="#000">
<path id="path300" d="m94.401,0.6s-29.001,12.2-39.001,11.8c0,0-16.4-4.6-24.8,10,0,0-8.4,9.2-11.6,10.8,0,0-0.4,1.6,6-2.4l10.4,5.2s14.8,9.6,24.4-6.4c0,0,4-11.2,4-13.2s21.2-7.6,22.801-8c1.6-0.4,8.2-4.6,7.8-7.8z"/>
</g>
<g id="g302" fill="#99cc32">
<path id="path304" d="m47,36.514c-6.872,0-15.245-3.865-15.245-10.114,0-6.248,8.373-12.513,15.245-12.513,6.874,0,12.446,5.065,12.446,11.313,0,6.249-5.572,11.314-12.446,11.314z"/>
</g>
<g id="g306" fill="#659900">
<path id="path308" d="m43.377,19.83c-4.846,0.722-9.935,2.225-9.863,2.009,1.54-4.619,7.901-7.952,13.486-7.952,4.296,0,8.084,1.978,10.32,4.988,0,0-5.316-0.33-13.943,0.955z"/>
</g>
<g id="g310" fill="#FFF">
<path id="path312" d="m55.4,19.6s-4.4-3.2-4.4-1c0,0,3.6,4.4,4.4,1z"/>
</g>
<g id="g314" fill="#000">
<path id="path316" d="m45.4,27.726c-2.499,0-4.525-2.026-4.525-4.526,0-2.499,2.026-4.525,4.525-4.525,2.5,0,4.526,2.026,4.526,4.525,0,2.5-2.026,4.526-4.526,4.526z"/>
</g>
<g id="g318" fill="#cc7226">
<path id="path320" d="m-58.6,14.4s-3.2-21.2-0.8-25.6c0,0,10.8-10,10.4-13.6,0,0-0.4-18-1.6-18.8s-8.8-6.8-14.8-0.4c0,0-10.4,18-9.6,24.4v2s-7.6-0.4-9.2,1.6c0,0-1.2,5.2-2.4,5.6,0,0-2.8,2.4-0.8,5.2,0,0-2,2.4-1.6,6.4l7.6,4s2,14.4,12.8,19.6c4.836,2.329,8-4.4,10-10.4z"/>
</g>
<g id="g322" fill="#FFF">
<path id="path324" d="m-59.6,12.56s-2.88-19.08-0.72-23.04c0,0,9.72-9,9.36-12.24,0,0-0.36-16.2-1.44-16.92s-7.92-6.12-13.32-0.36c0,0-9.36,16.2-8.64,21.96v1.8s-6.84-0.36-8.28,1.44c0,0-1.08,4.68-2.16,5.04,0,0-2.52,2.16-0.72,4.68,0,0-1.8,2.16-1.44,5.76l6.84,3.6s1.8,12.96,11.52,17.64c4.352,2.095,7.2-3.96,9-9.36z"/>
</g>
<g id="g326" fill="#eb955c">
<path id="path328" d="m-51.05-42.61c-1.09-0.86-8.58-6.63-14.43-0.39,0,0-10.14,17.55-9.36,23.79v1.95s-7.41-0.39-8.97,1.56c0,0-1.17,5.07-2.34,5.46,0,0-2.73,2.34-0.78,5.07,0,0-1.95,2.34-1.56,6.24l7.41,3.9s1.95,14.04,12.48,19.11c4.714,2.27,7.8-4.29,9.75-10.14,0,0-3.12-20.67-0.78-24.96,0,0,10.53-9.75,10.14-13.26,0,0-0.39-17.55-1.56-18.33z"/>
</g>
<g id="g330" fill="#f2b892">
<path id="path332" d="m-51.5-41.62c-0.98-0.92-8.36-6.46-14.06-0.38,0,0-9.88,17.1-9.12,23.18v1.9s-7.22-0.38-8.74,1.52c0,0-1.14,4.94-2.28,5.32,0,0-2.66,2.28-0.76,4.94,0,0-1.9,2.28-1.52,6.08l7.22,3.8s1.9,13.68,12.16,18.62c4.594,2.212,7.6-4.18,9.5-9.88,0,0-3.04-20.14-0.76-24.32,0,0,10.26-9.5,9.88-12.92,0,0-0.38-17.1-1.52-17.86z"/>
</g>
<g id="g334" fill="#f8dcc8">
<path id="path336" d="m-51.95-40.63c-0.87-0.98-8.14-6.29-13.69-0.37,0,0-9.62,16.65-8.88,22.57v1.85s-7.03-0.37-8.51,1.48c0,0-1.11,4.81-2.22,5.18,0,0-2.59,2.22-0.74,4.81,0,0-1.85,2.22-1.48,5.92l7.03,3.7s1.85,13.32,11.84,18.13c4.473,2.154,7.4-4.07,9.25-9.62,0,0-2.96-19.61-0.74-23.68,0,0,9.99-9.25,9.62-12.58,0,0-0.37-16.65-1.48-17.39z"/>
</g>
<g id="g338" fill="#FFF">
<path id="path340" d="m-59.6,12.46s-2.88-18.98-0.72-22.94c0,0,9.72-9,9.36-12.24,0,0-0.36-16.2-1.44-16.92-0.76-1.04-7.92-6.12-13.32-0.36,0,0-9.36,16.2-8.64,21.96v1.8s-6.84-0.36-8.28,1.44c0,0-1.08,4.68-2.16,5.04,0,0-2.52,2.16-0.72,4.68,0,0-1.8,2.16-1.44,5.76l6.84,3.6s1.8,12.96,11.52,17.64c4.352,2.095,7.2-4.06,9-9.46z"/>
</g>
<g id="g342" fill="#CCC">
<path id="path344" d="m-62.7,6.2s-21.6-10.2-22.5-11c0,0,9.1,8.2,9.9,8.2s12.6,2.8,12.6,2.8z"/>
</g>
<g id="g346" fill="#000">
<path id="path348" d="m-79.8,0s18.4,3.6,18.4,8c0,2.912-0.243,16.331-5.6,14.8-8.4-2.4-4.8-16.8-12.8-22.8z"/>
</g>
<g id="g350" fill="#99cc32">
<path id="path352" d="m-71.4,3.8s8.978,1.474,10,4.2c0.6,1.6,1.263,9.908-4.2,11-4.552,0.911-6.782-9.31-5.8-15.2z"/>
</g>
<g id="g354" fill="#000">
<path id="path356" d="m14.595,46.349c-0.497-1.742,0.814-1.611,2.605-2.149,2-0.6,14.2-4.4,15-7s14,1.8,14,1.8c1.8,0.8,6.2,3.4,6.2,3.4,4.8,1.2,11.4,1.6,11.4,1.6,2.4,1,5.8,3.8,5.8,3.8,14.6,10.2,27.001,3,27.001,3,19.999-6.6,13.999-23.8,13.999-23.8-3-9,0.2-12.4,0.2-12.4,0.2-3.8,7.4,2.6,7.4,2.6,2.6,4.2,3.4,9.2,3.4,9.2,8,11.2,4.6-6.6,4.6-6.6,0.2-1-2.6-4.6-2.6-5.8s-1.8-4.6-1.8-4.6c-3-3.4-0.6-10.4-0.6-10.4,1.8-13.8-0.4-12-0.4-12-1.2-1.8-10.4,8.2-10.4,8.2-2.2,3.4-8.2,5-8.2,5-2.799,1.8-6.199,0.4-6.199,0.4-2.6-0.4-8.2,6.6-8.2,6.6,2.8-0.2,5.2,4.2,7.6,4.4s4.2-2.4,5.799-3c1.6-0.6,4.4,5.2,4.4,5.2,0.4,2.6-5.2,7.4-5.2,7.4-0.4,4.6-1.999,3-1.999,3-3-0.6-4.2,3.2-5.2,7.8s-5.2,5-5.2,5c-1.6,7.4-2.801,4.4-2.801,4.4-0.2-5.6-6.2,0.2-6.2,0.2-1.2,2-5.8-0.2-5.8-0.2-6.8-2-4.4-4-4.4-4,1.8-2.2,13,0,13,0,2.2-1.6-5.8-5.6-5.8-5.6-0.6-1.8,0.4-6.2,0.4-6.2,1.2-3.2,8-8.8,8-8.8,9.401-1.2,6.601-2.8,6.601-2.8-6.2-5.2-12.001,2.4-12.001,2.4-2.2,6.2-19.6,21.2-19.6,21.2-4.8,3.4-2.2-3.4-6.2,0s-24.6-5.6-24.6-5.6c-11.562-1.193-14.294,14.549-17.823,11.429,0,0,5.418,8.52,3.818,2.92z"/>
</g>
<g id="g358" fill="#000">
<path id="path360" d="m209.4-120s-25.6,8-28.4,26.8c0,0-2.4,22.8,18,40.4,0,0,0.4,6.4,2.4,9.6,0,0-1.6,4.8,17.2-2.8l27.2-8.4s6.4-2.4,11.6-11.2,20.4-27.6,16.8-52.8c0,0,1.2-11.2-4.8-11.6,0,0-8.4-1.6-15.6,6,0,0-6.8,3.2-9.2,2.8l-35.2,1.2z"/>
</g>
<g id="g362" fill="#000">
<path id="path364" d="m264.02-120.99s2.1-8.93-2.74-4.09c0,0-7.04,5.72-14.52,5.72,0,0-14.52,2.2-18.92,15.4,0,0-3.96,26.84,3.96,32.56,0,0,4.84,7.48,11.88,0.88s22.54-36.83,20.34-50.47z"/>
</g>
<g id="g366" fill="#323232">
<path id="path368" d="m263.65-120.63s2.09-8.75-2.66-3.99c0,0-6.92,5.61-14.26,5.61,0,0-14.26,2.16-18.58,15.12,0,0-3.89,26.354,3.89,31.97,0,0,4.75,7.344,11.66,0.864,6.92-6.48,22.11-36.184,19.95-49.574z"/>
</g>
<g id="g370" fill="#666">
<path id="path372" d="m263.27-120.27s2.08-8.56-2.58-3.9c0,0-6.78,5.51-13.99,5.51,0,0-14,2.12-18.24,14.84,0,0-3.81,25.868,3.82,31.38,0,0,4.66,7.208,11.45,0.848,6.78-6.36,21.66-35.538,19.54-48.678z"/>
</g>
<g id="g374" fill="#999">
<path id="path376" d="m262.9-119.92s2.07-8.37-2.51-3.79c0,0-6.65,5.41-13.73,5.41,0,0-13.72,2.08-17.88,14.56,0,0-3.75,25.372,3.74,30.78,0,0,4.58,7.072,11.23,0.832,6.66-6.24,21.23-34.892,19.15-47.792z"/>
</g>
<g id="g378" fill="#CCC">
<path id="path380" d="m262.53-119.56s2.06-8.18-2.43-3.7c0,0-6.53,5.31-13.47,5.31,0,0-13.46,2.04-17.54,14.28,0,0-3.67,24.886,3.67,30.19,0,0,4.49,6.936,11.02,0.816,6.52-6.12,20.79-34.246,18.75-46.896z"/>
</g>
<g id="g382" fill="#FFF">
<path id="path384" d="m262.15-119.2s2.05-8-2.35-3.6c0,0-6.4,5.2-13.2,5.2,0,0-13.2,2-17.2,14,0,0-3.6,24.4,3.6,29.6,0,0,4.4,6.8,10.8,0.8s20.35-33.6,18.35-46z"/>
</g>
<g id="g386" fill="#992600">
<path id="path388" d="m50.6,84s-20.4-19.2-28.4-20c0,0-34.4-4-49.2,14,0,0,17.6-20.4,45.2-14.8,0,0-21.6-4.4-34-1.2l-26.4,14-2.8,4.8s4-14.8,22.4-20.8c0,0,22.8-4.8,33.6,0,0,0-21.6-6.8-31.6-4.8,0,0-30.4-2.4-43.2,24,0,0,4-14.4,18.8-21.6,0,0,13.6-8.8,34-6,0,0,14.4,3.2,19.6,5.6s4-0.4-4.4-5.2c0,0-5.6-10-19.6-9.6,0,0-42.8,3.6-53.2,15.6,0,0,13.6-11.2,24-14,0,0,22.4-8,30.8-7.2,0,0,24.8,1,32.4-3,0,0-11.2,5-8,8.2s10,10.8,10,12,24.2,23.3,27.8,27.7l2.2,2.3z"/>
</g>
<g id="g390" fill="#CCC">
<path id="path392" d="m189,278s-15.5-36.5-28-46c0,0,26,16,29.5,34,0,0,0,10-1.5,12z"/>
</g>
<g id="g394" fill="#CCC">
<path id="path396" d="m236,285.5s-26.5-55-45-79c0,0,43.5,37.5,48.5,64l0.5,5.5-3-2.5s-0.5,9-1,12z"/>
</g>
<g id="g398" fill="#CCC">
<path id="path400" d="m292.5,237s-62.5-59.5-64-62c0,0,60.5,66,63.5,73.5,0,0-2-9,0.5-11.5z"/>
</g>
<g id="g402" fill="#CCC">
<path id="path404" d="m104,280.5s19.5-52,38.5-29.5c0,0,15,10,14.5,13,0,0-4-6.5-22-6,0,0-19-3-31,22.5z"/>
</g>
<g id="g406" fill="#CCC">
<path id="path408" d="m294.5,153s-45-28.5-52.5-30c-11.81-2.36,49.5,29,54.5,39.5,0,0,2-2.5-2-9.5z"/>
</g>
<g id="g410" fill="#000">
<path id="path412" d="m143.8,259.6s20.4-2,27.2-8.8l4.4,3.6,17.6-38.4,3.6,5.2s14.4-14.8,13.6-22.8,12.8,6,12.8,6-0.8-11.6,6.4-4.8c0,0-2.4-15.6,6-7.6,0,0-10.54-30.16,12-4.4,5.6,6.4,1.2-0.4,1.2-0.4s-26-48-4.4-33.6c0,0,2-22.8,0.8-27.2s-3.2-26.8-8-32,0.4-6.8,6-1.6c0,0-11.2-24,2-12,0,0-3.6-15.2-8-18,0,0-5.6-17.2,9.6-6.4,0,0-4.4-12.4-7.6-15.6,0,0-11.6-27.6-4.4-22.8l4.4,3.6s-6.8-14-0.4-9.6,6.4,4,6.4,4-21.2-33.2-0.8-15.6c0,0-8.16-13.918-11.6-20.8,0,0-18.8-20.4-4.4-14l4.8,1.6s-8.8-10-16.8-11.6,2.4-8,8.8-6,22,9.6,22,9.6,12.8,18.8,16.8,19.2c0,0-20-7.6-14,0.4,0,0,14.4,14,7.2,13.6,0,0-6,7.2-1.2,16,0,0-18.46-18.391-3.6,7.2l6.8,16.4s-24.4-24.8-13.2-2.8c0,0,17.2,23.6,19.2,24s6.4,9.2,6.4,9.2l-4.4-2,5.2,8.8s-11.2-12-5.2,1.2l5.6,14.4s-20.4-22-6.8,7.6c0,0-16.4-5.2-7.6,12,0,0-1.6,16-1.2,21.2s1.6,33.6-2.8,41.6,6,27.2,8,31.2,5.6,14.8-3.2,5.6-4.4-3.6-2.4,5.2,8,24.4,7.2,30c0,0-1.2,1.2-4.4-2.4,0,0-14.8-22.8-13.2-8.4,0,0-1.2,8-4.4,16.8,0,0-3.2,10.8-3.2,2,0,0-3.2-16.8-6-9.2s-6.4,13.6-9.2,16-8-20.4-9.2-10c0,0-12-12.4-16.8,4l-11.6,16.4s-0.4-12.4-1.6-6.4c0,0-30,6-40.4,1.6z"/>
</g>
<g id="g414" fill="#000">
<path id="path416" d="m109.4-97.2s-11.599-8-15.599-7.6,27.599-8.8,68.799,18.8c0,0,4.8,2.8,8.4,2.4,0,0,3.2,2.4,0.4,6,0,0-8.8,9.6,2.4,20.8,0,0,18.4,6.8,12.8-2,0,0,10.8,4,13.2,8s1.2,0,1.2,0l-12.4-12.4s-5.2-2-8-10.4-5.2-18.4-0.8-21.6c0,0-4,4.4-3.2,0.4s4.4-7.6,6-8,18-16.2,24.8-16.6c0,0-9.2,1.4-12.2,0.4s-29.6-12.4-35.6-13.6c0,0-16.8-6.6-4.8-4.6,0,0,35.8,3.8,54,17,0,0-7.2-8.4-25.6-15.4,0,0-22.2-12.6-57.4-7.6,0,0-17.8,3.2-25.6,5,0,0-2.599-0.6-3.199-1s-12.401-9.4-40.001-2.4c0,0-17,4.6-25.6,9.4,0,0-15.2,1.2-18.8,4.4,0,0-18.6,14.6-20.6,15.4s-13.4,8.4-14.2,8.8c0,0,24.6-6.6,27-9s19.8-5,22.2-3.6,10.8,0.8,1.2,1.4c0,0,75.6,14.8,76.4,16.8s4.8,0.8,4.8,0.8z"/>
</g>
<g id="g418" fill="#cc7226">
<path id="path420" d="m180.8-106.4s-10.2-7.4-12.2-7.4-14.4-10.2-18.6-9.8-16.4-9.6-43.8-1.4c0,0-0.6-2,3-2.8,0,0,6.4-2.2,6.8-2.8,0,0,20.2-4.2,27.4-0.6,0,0,9.2,2.6,15.4,8.8,0,0,11.2,3.2,14.4,2.2,0,0,8.8,2.2,9.2,4,0,0,5.8,3,4,5.6,0,0,0.4,1.6-5.6,4.2z"/>
</g>
<g id="g422" fill="#cc7226">
<path id="path424" d="m168.33-108.51c0.81,0.63,1.83,0.73,2.43,1.54,0.24,0.31-0.05,0.64-0.37,0.74-1.04,0.31-2.1-0.26-3.24,0.33-0.4,0.21-1.04,0.03-1.6-0.12-1.63-0.44-3.46-0.47-5.15,0.22-1.98-1.13-4.34-0.54-6.42-1.55-0.06-0.02-0.28,0.32-0.36,0.3-3.04-1.15-6.79-0.87-9.22-3.15-2.43-0.41-4.78-0.87-7.21-1.55-1.82-0.51-3.23-1.5-4.85-2.33-1.38-0.71-2.83-1.23-4.37-1.61-1.86-0.45-3.69-0.34-5.58-0.86-0.1-0.02-0.29,0.32-0.37,0.3-0.32-0.11-0.62-0.69-0.79-0.64-1.68,0.52-3.17-0.45-4.83-0.11-1.18-1.22-2.9-0.98-4.45-1.42-2.97-0.85-6.12,0.42-9.15-0.58,4.11-1.84,8.8-0.61,12.86-2.68,2.33-1.18,4.99-0.08,7.56-0.84,0.49-0.15,1.18-0.35,1.58,0.32,0.14-0.14,0.32-0.37,0.38-0.35,2.44,1.16,4.76,2.43,7.24,3.5,0.34,0.15,0.88-0.09,1.13,0.12,1.52,1.21,3.46,1.11,4.85,2.33,1.7-0.5,3.49-0.12,5.22-0.75,0.08-0.02,0.31,0.32,0.34,0.3,1.14-0.75,2.29-0.48,3.18-0.18,0.34,0.12,1,0.37,1.31,0.44,1.12,0.27,1.98,0.75,3.16,0.94,0.11,0.02,0.3-0.32,0.37-0.3,1.12,0.44,2.16,0.39,2.82,1.55,0.14-0.14,0.3-0.37,0.38-0.35,1.03,0.34,1.68,1.1,2.78,1.34,0.48,0.1,1.1,0.73,1.67,0.91,2.39,0.73,4.24,2.26,6.43,3.15,0.76,0.31,1.64,0.55,2.27,1.04z"/>
</g>
<g id="g426" fill="#cc7226">
<path id="path428" d="m91.696-122.74c-2.518-1.72-4.886-2.83-7.328-4.62-0.181-0.13-0.541,0.04-0.743-0.08-1.007-0.61-1.895-1.19-2.877-1.89-0.539-0.38-1.36-0.37-1.868-0.63-2.544-1.29-5.173-1.85-7.68-3.04,0.682-0.64,1.804-0.39,2.4-1.2,0.195,0.28,0.433,0.56,0.786,0.37,1.678-0.9,3.528-1.05,5.204-0.96,1.704,0.09,3.424,0.39,5.199,0.67,0.307,0.04,0.506,0.56,0.829,0.66,2.228,0.66,4.617,0.14,6.736,0.98,1.591,0.63,3.161,1.45,4.4,2.72,0.252,0.26-0.073,0.57-0.353,0.76,0.388-0.11,0.661,0.1,0.772,0.41,0.084,0.24,0.084,0.54,0,0.78-0.112,0.31-0.391,0.41-0.765,0.46-1.407,0.19,0.365-1.19-0.335-0.74-1.273,0.82-0.527,2.22-1.272,3.49-0.28-0.19-0.51-0.41-0.4-0.8,0.234,0.52-0.368,0.81-0.536,1.13-0.385,0.72-1.284,2.14-2.169,1.53z"/>
</g>
<g id="g430" fill="#cc7226">
<path id="path432" d="m59.198-115.39c-3.154-0.79-6.204-0.68-9.22-1.96-0.067-0.02-0.29,0.32-0.354,0.3-1.366-0.6-2.284-1.56-3.36-2.61-0.913-0.89-2.571-0.5-3.845-0.99-0.324-0.12-0.527-0.63-0.828-0.67-1.219-0.16-2.146-1.11-3.191-1.68,2.336-0.8,4.747-0.76,7.209-1.15,0.113-0.02,0.258,0.31,0.391,0.31,0.136,0,0.266-0.23,0.4-0.36,0.195,0.28,0.497,0.61,0.754,0.35,0.548-0.54,1.104-0.35,1.644-0.31,0.144,0.01,0.269,0.32,0.402,0.32,0.136,0,0.267-0.32,0.4-0.32,0.136,0,0.267,0.32,0.4,0.32,0.136,0,0.266-0.23,0.4-0.36,0.692,0.78,1.577,0.23,2.399,0.41,1.038,0.22,1.305,1.37,2.379,1.67,4.715,1.3,8.852,3.45,13.215,5.54,0.307,0.14,0.517,0.39,0.407,0.78,0.267,0,0.58-0.09,0.77,0.04,1.058,0.74,2.099,1.28,2.796,2.38,0.216,0.34-0.113,0.75-0.346,0.7-4.429-1-8.435-1.61-12.822-2.71z"/>
</g>
<g id="g434" fill="#cc7226">
<path id="path436" d="m45.338-71.179c-1.592-1.219-2.176-3.25-3.304-5.042-0.214-0.34,0.06-0.654,0.377-0.743,0.56-0.159,1.103,0.319,1.512,0.521,1.745,0.862,3.28,2.104,5.277,2.243,1.99,2.234,6.25,2.619,6.257,6,0.001,0.859-1.427-0.059-1.857,0.8-2.451-1.003-4.84-0.9-7.22-2.367-0.617-0.381-0.287-0.834-1.042-1.412z"/>
</g>
<g id="g438" fill="#cc7226">
<path id="path440" d="m17.8-123.76c0.135,0,7.166,0.24,7.149,0.35-0.045,0.31-7.775,1.36-8.139,1.19-0.164-0.08-7.676,2.35-7.81,2.22,0.268-0.14,8.534-3.76,8.8-3.76z"/>
</g>
<g id="g442" fill="#000">
<path id="path444" d="m33.2-114s-14.8,1.8-19.2,3-23,8.8-26,10.8c0,0-13.4,5.4-30.4,25.4,0,0,7.6-3.4,9.8-6.2,0,0,13.6-12.6,13.4-10,0,0,12.2-8.6,11.6-6.4,0,0,24.4-11.2,22.4-8,0,0,21.6-4.6,20.6-2.6,0,0,18.8,4.4,16,4.6,0,0-5.8,1.2,0.6,4.8,0,0-3.4,4.4-8.8,0.4s-2.4-1.8-7.4-0.8c0,0-2.6,0.8-7.2-3.2,0,0-5.6-4.6-14.4-1,0,0-30.6,12.6-32.6,13.2,0,0-3.6,2.8-6,6.4,0,0-5.8,4.4-8.8,5.8,0,0-12.8,11.6-14,13,0,0-3.4,5.2-4.2,5.6,0,0,6.4-3.8,8.4-5.8,0,0,14-10,19.4-10.8,0,0,4.4-3,5.2-4.4,0,0,14.4-9.2,18.6-9.2,0,0,9.2,5.2,11.6-1.8,0,0,5.8-1.8,11.4-0.6,0,0,3.2-2.6,2.4-4.8,0,0,1.6-1.8,2.6,2,0,0,3.4,3.6,8.2,1.6,0,0,4-0.2,2,2.2,0,0-4.4,3.8-16.2,4,0,0-12.4,0.6-28.8,8.2,0,0-29.8,10.4-39,20.8,0,0-6.4,8.8-11.8,10,0,0-5.8,0.8-11.8,8.2,0,0,9.8-5.8,18.8-5.8,0,0,4-2.4,0.2,1.2,0,0-3.6,7.6-2,13,0,0-0.6,5.2-1.4,6.8,0,0-7.8,12.8-7.8,15.2s1.2,12.2,1.6,12.8-1-1.6,2.8,0.8,6.6,4,7.4,6.8-2-5.4-2.2-7.2-4.4-9-3.6-11.4c0,0,1,1,1.8,2.4,0,0-0.6-0.6,0-4.2,0,0,0.8-5.2,2.2-8.4s3.4-7,3.8-7.8,0.4-6.6,1.8-4l3.4,2.6s-2.8-2.6-0.6-4.8c0,0-1-5.6,0.8-8.2,0,0,7-8.4,8.6-9.4s0.2-0.6,0.2-0.6,6-4.2,0.2-2.6c0,0-4,1.6-7,1.6,0,0-7.6,2-3.6-2.2s14-9.6,17.8-9.4l0.8,1.6,11.2-2.4-1.2,0.8s-0.2-0.2,4-0.6,10,1,11.4-0.8,4.8-2.8,4.4-1.4-0.6,3.4-0.6,3.4,5-5.8,4.4-3.6-8.8,7.4-10.2,13.6l10.4-8.2,3.6-3s3.6,2.2,3.8,0.6,4.8-7.4,6-7.2,3.2-2.6,3,0,7.4,8,7.4,8,3.2-1.8,4.6-0.4,5.6-19.8,5.6-19.8l25-10.6,43.6-3.4-16.999-6.8-61.001-11.4z"/>
</g>
<g id="g446" stroke-width="2" stroke="#4c0000">
<path id="path448" d="m51.4,85s-15-16.8-23.4-19.4c0,0-13.4-6.8-38,1"/>
</g>
<g id="g450" stroke-width="2" stroke="#4c0000">
<path id="path452" d="m24.8,64.2s-25.2-8-40.6-3.8c0,0-18.4,2-26.8,15.8"/>
</g>
<g id="g454" stroke-width="2" stroke="#4c0000">
<path id="path456" d="m21.2,63s-17-7.2-31.8-9.4c0,0-16.6-2.6-33.2,4.6,0,0-12.2,6-17.6,16.2"/>
</g>
<g id="g458" stroke-width="2" stroke="#4c0000">
<path id="path460" d="m22.2,63.4s-15.4-11-16.4-12.4c0,0-7-11-20-11.4,0,0-21.4,0.8-38.6,8.8"/>
</g>
<g id="g462" fill="#000">
<path id="path464" d="M20.895,54.407c1.542,1.463,28.505,30.393,28.505,30.393,35.2,36.6,7.2,2.4,7.2,2.4-7.6-4.8-16.8-23.6-16.8-23.6-1.2-2.8,14,7.2,14,7.2,4,0.8,17.6,20,17.6,20-6.8-2.4-2,4.8-2,4.8,2.8,2,23.201,17.6,23.201,17.6,3.6,4,7.599,5.6,7.599,5.6,14-5.2,7.6,8,7.6,8,2.4,6.8,8-4.8,8-4.8,11.2-16.8-5.2-14.4-5.2-14.4-30,2.8-36.8-13.2-36.8-13.2-2.4-2.4,6.4,0,6.4,0,8.401,2-7.2-12.4-7.2-12.4,2.4,0,11.6,6.8,11.6,6.8,10.401,9.2,12.401,7.2,12.401,7.2,17.999-8.8,28.399-1.2,28.399-1.2,2,1.6-3.6,8.4-2,13.6s6.4,17.6,6.4,17.6c-2.4,1.6-2,12.4-2,12.4,16.8,23.2,7.2,21.2,7.2,21.2-15.6-0.4-0.8,7.2-0.8,7.2,3.2,2,12,9.2,12,9.2-2.8-1.2-4.4,4-4.4,4,4.8,4,2,8.8,2,8.8-6,1.2-7.2,5.2-7.2,5.2,6.8,8-3.2,8.4-3.2,8.4,3.6,4.4-1.2,16.4-1.2,16.4-4.8,0-11.2,5.6-11.2,5.6,2.4,4.8-8,10.4-8,10.4-8.4,1.6-5.6,8.4-5.6,8.4-7.999,6-10.399,22-10.399,22-0.8,10.4-3.2,13.6,2,11.6,5.199-2,4.399-14.4,4.399-14.4-4.799-15.6,38-31.6,38-31.6,4-1.6,4.8-6.8,4.8-6.8,2,0.4,10.8,8,10.8,8,7.6,11.2,8,2,8,2,1.2-3.6-0.4-9.6-0.4-9.6,6-21.6-8-28-8-28-10-33.6,4-25.2,4-25.2,2.8,5.6,13.6,10.8,13.6,10.8l3.6-2.4c-1.6-4.8,6.8-10.8,6.8-10.8,2.8,6.4,8.8-1.6,8.8-1.6,3.6-24.4,16-10,16-10,4,1.2,5.2-5.6,5.2-5.6,3.6-10.4,0-24,0-24,3.6-0.4,13.2,5.6,13.2,5.6,2.8-3.6-6.4-20.4-2.4-18s8.4,4,8.4,4c0.8-2-9.2-14.4-9.2-14.4-4.4-2.8-9.6-23.2-9.6-23.2,7.2,3.6-2.8-11.6-2.8-11.6,0-3.2,6-14.4,6-14.4-0.8-6.8,0-6.4,0-6.4,2.8,1.2,10.8,2.8,4-3.6s0.8-11.2,0.8-11.2c4.4-2.8-9.2-2.4-9.2-2.4-5.2-4.4-4.8-8.4-4.8-8.4,8,2-6.4-12.4-8.8-16s7.2-8.8,7.2-8.8c13.2-3.6,1.6-6.8,1.6-6.8-19.6,0.4-8.8-10.4-8.8-10.4,6,0.4,4.4-2,4.4-2-5.2-1.2-14.8-7.6-14.8-7.6-4-3.6-0.4-2.8-0.4-2.8,16.8,1.2-12-10-12-10,8,0-10-10.4-10-10.4-2-1.6-5.2-9.2-5.2-9.2-6-5.2-10.8-12-10.8-12-0.4-4.4-5.2-9.2-5.2-9.2-11.6-13.6-17.2-13.2-17.2-13.2-14.8-3.6-20-2.8-20-2.8l-52.8,4.4c-26.4,12.8-18.6,33.8-18.6,33.8,6.4,8.4,15.6,4.6,15.6,4.6,4.6-6.2,16.2-4,16.2-4,20.401,3.2,17.801-0.4,17.801-0.4-2.4-4.6-18.601-10.8-18.801-11.4s-9-4-9-4c-3-1.2-7.4-10.4-7.4-10.4-3.2-3.4,12.6,2.4,12.6,2.4-1.2,1,6.2,5,6.2,5,17.401-1,28.001,9.8,28.001,9.8,10.799,16.6,10.999,8.4,10.999,8.4,2.8-9.4-9-30.6-9-30.6,0.4-2,8.6,4.6,8.6,4.6,1.4-2,2.2,3.8,2.2,3.8,0.2,2.4,4,10.4,4,10.4,2.8,13,6.4,5.6,6.4,5.6l4.6,9.4c1.4,2.6-4.6,10.2-4.6,10.2-0.2,2.8,0.6,2.6-5,10.2s-2.2,12-2.2,12c-1.4,6.6,7.4,6.2,7.4,6.2,2.6,2.2,6,2.2,6,2.2,1.8,2,4.2,1.4,4.2,1.4,1.6-3.8,7.8-1.8,7.8-1.8,1.4-2.4,9.6-2.8,9.6-2.8,1-2.6,1.4-4.2,4.8-4.8s-21.2-43.6-21.2-43.6c6.4-0.8-1.8-13.2-1.8-13.2-2.2-6.6,9.2,8,11.4,9.4s3.2,3.6,1.6,3.4-3.4,2-2,2.2,14.4,15.2,17.8,25.4,9.4,14.2,15.6,20.2,5.4,30.2,5.4,30.2c-0.4,8.8,5.6,19.4,5.6,19.4,2,3.8-2.2,22-2.2,22-2,2.2-0.6,3-0.6,3,1,1.2,7.8,14.4,7.8,14.4-1.8-0.2,1.8,3.4,1.8,3.4,5.2,6-1.2,3-1.2,3-6-1.6,1,8.2,1,8.2,1.2,1.8-7.8-2.8-7.8-2.8-9.2-0.6,2.4,6.6,2.4,6.6,8.6,7.2-2.8,2.8-2.8,2.8-4.6-1.8-1.4,5-1.4,5,3.2,1.6,20.4,8.6,20.4,8.6,0.4,3.8-2.6,8.8-2.6,8.8,0.4,4-1.8,7.4-1.8,7.4-1.2,8.2-1.8,9-1.8,9-4.2,0.2-11.6,14-11.6,14-1.8,2.6-12,14.6-12,14.6-2,7-20-0.2-20-0.2-6.6,3.4-4.6,0-4.6,0-0.4-2.2,4.4-8.2,4.4-8.2,7-2.6,4.4-13.4,4.4-13.4,4-1.4-7.2-4.2-7-5.4s6-2.6,6-2.6c8-2,3.6-4.4,3.6-4.4-0.6-4,2.4-9.6,2.4-9.6,11.6-0.8,0-17,0-17-10.8-7.6-11.8-13.4-11.8-13.4,12.6-8.2,4.4-20.6,4.6-24.2s1.4-25.2,1.4-25.2c-2-6.2-5-19.8-5-19.8,2.2-5.2,9.6-17.8,9.6-17.8,2.8-4.2,11.6-9,9.4-12s-10-1.2-10-1.2c-7.8-1.4-7.2,3.8-7.2,3.8-1.6,1-2.4,6-2.4,6-0.72,7.933-9.6,14.2-9.6,14.2-11.2,6.2-2,10.2-2,10.2,6,6.6-3.8,6.8-3.8,6.8-11-1.8-2.8,8.4-2.8,8.4,10.8,12.8,7.8,15.6,7.8,15.6-10.2,1,2.4,10.2,2.4,10.2s-0.8-2-0.6-0.2,3.2,6,4,8-3.2,2.2-3.2,2.2c0.6,9.6-14.8,5.4-14.8,5.4l-1.6,0.2c-1.6,0.2-12.8-0.6-18.6-2.8s-12.599-2.2-12.599-2.2-4,1.8-11.601,1.6c-7.6-0.2-15.6,2.6-15.6,2.6-4.4-0.4,4.2-4.8,4.4-4.6s5.8-5.4-2.2-4.8c-21.797,1.635-32.6-8.6-32.6-8.6-2-1.4-4.6-4.2-4.6-4.2-10-2,1.4,12.4,1.4,12.4,1.2,1.4-0.2,2.4-0.2,2.4-0.8-1.6-8.6-7-8.6-7-2.811-0.973-4.174-2.307-6.505-4.793z"/>
</g>
<g id="g466" fill="#4c0000">
<path id="path468" d="m-3,42.8s11.6,5.6,14.2,8.4,16.6,14.2,16.6,14.2-5.4-2-8-3.8-13.4-10-13.4-10-3.8-6-9.4-8.8z"/>
</g>
<g id="g470" fill="#99cc32">
<path id="path472" d="M-61.009,11.603c0.337-0.148-0.187-2.86-0.391-3.403-1.022-2.726-10-4.2-10-4.2-0.227,1.365-0.282,2.961-0.176,4.599,0,0,4.868,5.519,10.567,3.004z"/>
</g>
<g id="g474" fill="#659900">
<path id="path476" d="M-61.009,11.403c-0.449,0.158-0.015-2.734-0.191-3.203-1.022-2.726-10.2-4.3-10.2-4.3-0.227,1.365-0.282,2.961-0.176,4.599,0,0,4.268,5.119,10.567,2.904z"/>
</g>
<g id="g478" fill="#000">
<path id="path480" d="m-65.4,11.546c-0.625,0-1.131-1.14-1.131-2.546,0-1.405,0.506-2.545,1.131-2.545s1.132,1.14,1.132,2.545c0,1.406-0.507,2.546-1.132,2.546z"/>
</g>
<g id="g482" fill="#000">
<path id="path484" d="M-65.4,9z"/>
</g>
<g id="g486" fill="#000">
<path id="path488" d="m-111,109.6s-5.6,10,19.2,4c0,0,14-1.2,16.4-3.6,1.2,0.8,9.566,3.73,12.4,4.4,6.8,1.6,15.2-8.4,15.2-8.4s4.6-10.5,7.4-10.5-0.4,1.6-0.4,1.6-6.6,10.1-6.2,11.7c0,0-5.2,20-21.2,20.8,0,0-16.15,0.95-14.8,6.8,0,0,8.8-2.4,11.2,0,0,0,10.8-0.4,2.8,6l-6.8,11.6s0.14,3.92-10,0.4c-9.8-3.4-20.1-16.3-20.1-16.3s-15.95-14.55-5.1-28.5z"/>
</g>
<g id="g490" fill="#e59999">
<path id="path492" d="m-112.2,113.6s-2,9.6,34.8-0.8l6.8,0.8c2.4,0.8,14.4,3.6,16.4,2.4,0,0-7.2,13.6-18.8,12,0,0-13.2,1.6-12.8,6.4,0,0,4,7.2,8.8,9.6,0,0,2.8,2.4,2.4,5.6s-3.2,4.8-5.2,5.6-5.2-2.4-6.8-2.4-10-6.4-14.4-11.2-12.8-16.8-12.4-19.6,1.2-8.4,1.2-8.4z"/>
</g>
<g id="g494" fill="#b26565">
<path id="path496" d="m-109,131.05c2.6,3.95,5.8,8.15,8,10.55,4.4,4.8,12.8,11.2,14.4,11.2s4.8,3.2,6.8,2.4,4.8-2.4,5.2-5.6-2.4-5.6-2.4-5.6c-3.066-1.53-5.806-5.02-7.385-7.35,0,0,0.185,2.55-5.015,1.75s-10.4-3.6-12-6.8-4-5.6-2.4-2,4,7.2,5.6,7.6,1.2,1.6-1.2,1.2-5.2-0.8-9.6-6z"/>
</g>
<g id="g498" fill="#992600">
<path id="path500" d="m-111.6,110s1.8-13.6,3-17.6c0,0-0.8-6.8,1.6-11s4.4-10.4,7.4-15.8,3.2-9.4,7.2-11,10-10.2,12.8-11.2,2.6-0.2,2.6-0.2,6.8-14.8,20.4-10.8c0,0-16.2-2.8-0.4-12.2,0,0-4.8,1.1-1.5-5.9,2.201-4.668,1.7,2.1-9.3,13.9,0,0-5,8.6-10.2,11.6s-17.2,10-18.4,13.8-4.4,9.6-6.4,11.2-4.8,5.8-5.2,9.2c0,0-1.2,4-2.6,5.2s-1.6,4.4-1.6,6.4-2,4.8-1.8,7.2c0,0,0.8,19,0.4,21l2-3.8z"/>
</g>
<g id="g502" fill="#FFF">
<path id="path504" d="m-120.2,114.6s-2-1.4-6.4,4.6c0,0,7.3,33,7.3,34.4,0,0,1.1-2.1-0.2-9.3s-2.2-19.9-2.2-19.9l1.5-9.8z"/>
</g>
<g id="g506" fill="#992600">
<path id="path508" d="m-98.6,54s-17.6,3.2-17.2,32.4l-0.8,24.8s-1.2-25.6-2.4-27.2,2.8-12.8-0.4-6.8c0,0-14,14-6,35.2,0,0,1.5,3.3-1.5-1.3,0,0-4.6-12.6-3.5-19,0,0,0.2-2.2,2.1-5,0,0,8.6-11.7,11.3-14,0,0,1.8-14.4,17.2-19.6,0,0,5.7-2.3,1.2,0.5z"/>
</g>
<g id="g510" fill="#000">
<path id="path512" d="m40.8-12.2c0.66-0.354,0.651-1.324,1.231-1.497,1.149-0.344,1.313-1.411,1.831-2.195,0.873-1.319,1.066-2.852,1.648-4.343,0.272-0.7,0.299-1.655-0.014-2.315-1.174-2.481-1.876-4.93-3.318-7.356-0.268-0.45-0.53-1.244-0.731-1.842-0.463-1.384-1.72-2.375-2.58-3.695-0.288-0.441,0.237-1.366-0.479-1.45-0.897-0.105-2.346-0.685-2.579,0.341-0.588,2.587,0.423,5.11,1.391,7.552-0.782,0.692-0.448,1.613-0.296,2.38,0.71,3.606-0.488,6.958-1.249,10.432-0.023,0.104,0.319,0.302,0.291,0.364-1.222,2.686-2.674,5.131-4.493,7.512-0.758,0.992-1.63,1.908-2.127,2.971-0.368,0.787-0.776,1.753-0.526,2.741-3.435,2.78-5.685,6.625-8.296,10.471-0.462,0.68-0.171,1.889,0.38,2.158,0.813,0.398,1.769-0.626,2.239-1.472,0.389-0.698,0.742-1.348,1.233-1.991,0.133-0.175-0.046-0.594,0.089-0.715,2.633-2.347,4.302-5.283,6.755-7.651,1.95-0.329,3.487-1.327,5.235-2.34,0.308-0.179,0.832,0.07,1.122-0.125,1.753-1.177,1.751-3.213,1.857-5.123,0.05-0.884,0.246-2.201,1.386-2.812z"/>
</g>
<g id="g514" fill="#000">
<path id="path516" d="m31.959-16.666c0.124-0.077-0.031-0.5,0.078-0.716,0.162-0.324,0.565-0.512,0.727-0.836,0.109-0.216-0.054-0.596,0.082-0.738,2.333-2.447,2.59-5.471,1.554-8.444,1.024-0.62,1.085-1.882,0.66-2.729-0.853-1.7-1.046-3.626-2.021-5.169-0.802-1.269-2.38-2.513-3.751-1.21-0.421,0.4-0.742,1.187-0.464,1.899,0.064,0.163,0.349,0.309,0.322,0.391-0.107,0.324-0.653,0.548-0.659,0.82-0.03,1.496-0.984,3.007-0.354,4.336,0.772,1.629,1.591,3.486,2.267,5.262-1.234,2.116-0.201,4.565-1.954,6.442-0.136,0.146-0.127,0.532-0.005,0.734,0.292,0.486,0.698,0.892,1.184,1.184,0.202,0.121,0.55,0.123,0.75-0.001,0.578-0.362,0.976-0.849,1.584-1.225z"/>
</g>
<g id="g518" fill="#000">
<path id="path520" d="m94.771-26.977c1.389,1.792,1.679,4.587-0.37,5.977,0.55,3.309,3.901,1.33,5.999,0.8-0.11-0.388,0.12-0.732,0.4-0.737,1.06-0.015,1.74-1.047,2.8-0.863,0.44-1.557,2.07-2.259,2.72-3.639,1.72-3.695,1.13-7.968-1.45-11.214-0.2-0.254,0.01-0.771-0.11-1.133-0.76-2.211-2.82-2.526-4.76-3.214-1.176-3.875-1.837-7.906-3.599-11.6-1.614-0.25-2.312-1.989-3.649-2.709-1.333-0.719-1.901,0.86-1.86,1.906,0.007,0.205,0.459,0.429,0.289,0.794-0.076,0.164-0.336,0.275-0.336,0.409,0.001,0.135,0.222,0.266,0.356,0.4-0.918,0.82-2.341,1.297-2.636,2.442-0.954,3.71,1.619,6.835,3.287,10.036,0.591,1.135-0.145,2.406-0.905,3.614-0.438,0.695-0.33,1.822-0.054,2.678,0.752,2.331,2.343,4.07,3.878,6.053z"/>
</g>
<g id="g522" fill="#000">
<path id="path524" d="m57.611-8.591c-1.487,1.851-4.899,4.42-1.982,6.348,0.194,0.129,0.564,0.133,0.737-0.001,2.021-1.565,4.024-2.468,6.46-3.05,0.124-0.029,0.398,0.438,0.767,0.277,1.613-0.703,3.623-0.645,4.807-1.983,3.767,0.224,7.332-0.892,10.723-2.2,1.161-0.448,2.431-1.007,3.632-1.509,1.376-0.576,2.58-1.504,3.692-2.645,0.133-0.136,0.487-0.046,0.754-0.046-0.04-0.863,0.922-0.99,1.169-1.612,0.092-0.232-0.058-0.628,0.075-0.73,2.138-1.63,3.058-3.648,1.889-6.025-0.285-0.578-0.534-1.196-1.1-1.672-1.085-0.911-2.187-0.057-3.234-0.361-0.159,0.628-0.888,0.456-1.274,0.654-0.859,0.439-2.192-0.146-3.051,0.292-1.362,0.695-2.603,0.864-4.025,1.241-0.312,0.082-1.09-0.014-1.25,0.613-0.134-0.134-0.282-0.368-0.388-0.346-1.908,0.396-3.168,0.61-4.469,2.302-0.103,0.133-0.545-0.046-0.704,0.089-0.957,0.808-1.362,2.042-2.463,2.714-0.201,0.123-0.553-0.045-0.747,0.084-0.646,0.431-1.013,1.072-1.655,1.519-0.329,0.229-0.729-0.096-0.697-0.352,0.245-1.947,0.898-3.734,0.323-5.61,2.077-2.52,4.594-4.469,6.4-7.2,0.015-2.166,0.707-4.312,0.594-6.389-0.01-0.193-0.298-0.926-0.424-1.273-0.312-0.854,0.594-1.92-0.25-2.644-1.404-1.203-2.696-0.327-3.52,1.106-1.838,0.39-3.904,1.083-5.482-0.151-1.007-0.787-1.585-1.693-2.384-2.749-0.985-1.302-0.65-2.738-0.58-4.302,0.006-0.128-0.309-0.264-0.309-0.398,0.001-0.135,0.221-0.266,0.355-0.4-0.706-0.626-0.981-1.684-2-2,0.305-1.092-0.371-1.976-1.242-2.278-1.995-0.691-3.672,1.221-5.564,1.294-0.514,0.019-0.981-1.019-1.63-1.344-0.432-0.216-1.136-0.249-1.498,0.017-0.688,0.504-1.277,0.618-2.035,0.823-1.617,0.436-2.895,1.53-4.375,2.385-1.485,0.857-2.44,2.294-3.52,3.614-0.941,1.152-1.077,3.566,0.343,4.066,1.843,0.65,3.147-2.053,5.113-1.727,0.312,0.051,0.518,0.362,0.408,0.75,0.389,0.109,0.607-0.12,0.8-0.4,0.858,1.019,2.022,1.356,2.96,2.229,0.97,0.904,2.716,0.486,3.731,1.483,1.529,1.502,0.97,4.183,2.909,5.488-0.586,1.313-1.193,2.59-1.528,4.017-0.282,1.206,0.712,2.403,1.923,2.312,1.258-0.094,1.52-0.853,2.005-1.929,0.267,0.267,0.736,0.564,0.695,0.78-0.457,2.387-1.484,4.38-1.942,6.811-0.059,0.317-0.364,0.519-0.753,0.409-0.468,4.149-4.52,6.543-7.065,9.708-0.403,0.502-0.407,1.751,0.002,2.154,1.403,1.387,3.363-0.159,5.063-0.662,0.213-1.206,1.072-2.148,2.404-2.092,0.256,0.01,0.491-0.532,0.815-0.662,0.348-0.138,0.85,0.086,1.136-0.112,1.729-1.195,3.137-2.301,4.875-3.49,0.192-0.131,0.536,0.028,0.752-0.08,0.325-0.162,0.512-0.549,0.835-0.734,0.348-0.2,0.59,0.09,0.783,0.37-0.646,0.349-0.65,1.306-1.232,1.508-0.775,0.268-1.336,0.781-2.01,1.228-0.292,0.193-0.951-0.055-1.055,0.124-0.598,1.028-1.782,1.466-2.492,2.349z"/>
</g>
<g id="g526" fill="#000">
<path id="path528" d="m2.2-58s-9.238-2.872-20.4,22.8c0,0-2.4,5.2-4.8,7.2s-13.6,5.6-15.6,9.6l-10.4,16s14.8-16,18-18.4c0,0,8-8.4,4.8-1.6,0,0-14,10.8-12.8,20,0,0-5.6,14.4-6.4,16.4,0,0,16-32,18.4-33.2s3.6-1.2,2.4,2.4-1.6,20-4.4,22c0,0,8-20.4,7.2-23.6,0,0,3.2-3.6,5.6,1.6l-1.2,16,4.4,12s-2.4-11.2-0.8-26.8c0,0-2-10.4,2-4.8s13.6,11.6,13.6,16.4c0,0-5.2-17.6-14.4-22.4l-4,6-1.2-2s-3.6-0.8,0.8-7.6,4-7.6,4-7.6,6.4,7.2,8,7.2c0,0,13.2-7.6,14.4,16.8,0,0,6.8-14.4-2.4-21.2,0,0-14.8-2-13.6-7.2l7.2-12.4c3.6-5.2,2-2.4,2-2.4z"/>
</g>
<g id="g530" fill="#000">
<path id="path532" d="m-17.8-41.6-16,5.2-7.2,9.6s17.2-10,21.2-11.2,2-3.6,2-3.6z"/>
</g>
<g id="g534" fill="#000">
<path id="path536" d="m-57.8-35.2s-2,1.2-2.4,4-2.8,3.2-2,6,2.8,5.2,2.8,1.2,1.6-6,2.4-7.2,2.4-5.6-0.8-4z"/>
</g>
<g id="g538" fill="#000">
<path id="path540" d="m-66.6,26s-8.4-4-11.6-7.6-2.748,1.566-7.6,1.2c-5.847-0.441-4.8-16.4-4.8-16.4l-4,7.6s-1.2,14.4,6.8,12c3.907-1.172,5.2,0.4,3.6,1.2s5.6,1.2,2.8,2.8,11.6-3.6,9.2,6.8l5.6-7.6z"/>
</g>
<g id="g542" fill="#000">
<path id="path544" d="m-79.2,40.4s-15.4,4.4-19-5.2c0,0-4.8,2.4-2.6,5.4s3.4,3.4,3.4,3.4,5.4,1.2,4.8,2-3,4.2-3,4.2,10.2-6,16.4-9.8z"/>
</g>
<g id="g546" fill="#FFF">
<path id="path548" d="m149.2,118.6c-0.43,2.14-2.1,2.94-4,3.6-1.92-0.96-4.51-4.06-6.4-2-0.47-0.48-1.25-0.54-1.6-1.2-0.46-0.9-0.19-1.94-0.53-2.74-0.55-1.28-1.25-2.64-1.07-4.06,1.81-0.71,2.4-2.62,1.93-4.38-0.07-0.26-0.5-0.45-0.3-0.8,0.19-0.33,0.5-0.55,0.77-0.82-0.13,0.14-0.28,0.37-0.39,0.35-0.61-0.11-0.49-0.75-0.36-1.13,0.59-1.75,2.6-2.01,3.95-0.82,0.26-0.56,0.77-0.37,1.2-0.4-0.05-0.58,0.36-1.11,0.56-1.53,0.52-1.09,2.14,0.01,2.94-0.6,1.08-0.83,2.14-1.52,3.22-0.92,1.81,1.01,3.52,2.22,4.72,3.97,0.57,0.83,0.81,2.11,0.75,3.07-0.04,0.65-1.42,0.29-1.76,1.22-0.65,1.75,1.19,2.27,1.94,3.61,0.2,0.35-0.06,0.65-0.38,0.75-0.41,0.13-1.19-0.06-1.06,0.39,0.98,3.19-1.78,3.87-4.13,4.44z"/>
</g>
<g id="g550" fill="#FFF">
<path id="path552" d="m139.6,138.2c-0.01-1.74-1.61-3.49-0.4-5.2,0.14,0.14,0.27,0.36,0.4,0.36,0.14,0,0.27-0.22,0.4-0.36,1.5,2.22,5.15,3.14,5.01,5.99-0.03,0.45-1.11,1.37-0.21,2.01-1.81,1.35-1.87,3.72-2.8,5.6-1.24-0.28-2.45-0.65-3.6-1.2,0.35-1.48,0.24-3.17,1.06-4.49,0.43-0.7,0.14-1.78,0.14-2.71z"/>
</g>
<g id="g554" fill="#CCC">
<path id="path556" d="m-26.6,129.2s-16.858,10.14-2.8-5.2c8.8-9.6,18.8-15.2,18.8-15.2s10.4-4.4,14-5.6,18.8-6.4,22-6.8,12.8-4.4,19.6-0.4,14.8,8.4,14.8,8.4-16.4-8.4-20-6-10.8,2-16.8,5.2c0,0-14.8,4.4-18,6.4s-13.6,13.6-15.2,12.8,0.4-1.2,1.6-4-0.8-4.4-8.8,2-9.2,8.4-9.2,8.4z"/>
</g>
<g id="g558" fill="#000">
<path id="path560" d="m-19.195,123.23s1.41-13.04,9.888-11.37c0,0,8.226-4.17,10.948-6.14,0,0,8.139-1.7,9.449-2.32,18.479-8.698,33.198-4.179,33.745-5.299,0.546-1.119,20.171,5.999,23.78,10.079,0.391,0.45-10.231-5.59-19.929-7.48-8.273-1.617-29.875,0.24-40.781,5.78-2.973,1.51-11.918,7.29-14.449,7.18s-12.651,9.57-12.651,9.57z"/>
</g>
<g id="g562" fill="#CCC">
<path id="path564" d="m-23,148.8s-15.2-2.4,1.6-4c0,0,18-2,22-7.2,0,0,13.6-9.2,16.4-9.6s32.8-7.6,33.2-10,6-2.4,7.6-1.6,0.8,2-2,2.8-34,17.2-40.4,18.4-18,8.8-22.8,10-15.6,1.2-15.6,1.2z"/>
</g>
<g id="g566" fill="#000">
<path id="path568" d="m-3.48,141.4s-8.582-0.83,0.019-1.64c0,0,8.816-3.43,10.864-6.09,0,0,6.964-4.71,8.397-4.92,1.434-0.2,15.394-3.89,15.599-5.12s34.271-13.81,38.691-10.62c2.911,2.1-6.99,0.43-16.624,4.84-1.355,0.62-35.208,15.2-38.485,15.82-3.277,0.61-9.216,4.5-11.674,5.12-2.457,0.61-6.787,2.61-6.787,2.61z"/>
</g>
<g id="g570" fill="#000">
<path id="path572" d="m-11.4,143.6s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g574" fill="#000">
<path id="path576" d="m-18.6,145.2s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g578" fill="#000">
<path id="path580" d="m-29,146.8s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g582" fill="#000">
<path id="path584" d="m-36.6,147.6s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g586" fill="#000">
<path id="path588" d="m1.8,108,3.2,1.6c-1.2,1.6-4.4,1.2-4.4,1.2l1.2-2.8z"/>
</g>
<g id="g590" fill="#000">
<path id="path592" d="m-8.2,113.6s6.506-2.14,4,1.2c-1.2,1.6-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g594" fill="#000">
<path id="path596" d="m-19.4,118.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g598" fill="#000">
<path id="path600" d="m-27,124.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g602" fill="#000">
<path id="path604" d="m-33.8,129.2s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g606" fill="#000">
<path id="path608" d="m5.282,135.6s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z"/>
</g>
<g id="g610" fill="#000">
<path id="path612" d="m15.682,130.8s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z"/>
</g>
<g id="g614" fill="#000">
<path id="path616" d="m26.482,126.4s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z"/>
</g>
<g id="g618" fill="#000">
<path id="path620" d="m36.882,121.6s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z"/>
</g>
<g id="g622" fill="#000">
<path id="path624" d="m9.282,103.6s6.921-0.53,5.324,1.6c-1.597,2.12-5.592,1.86-5.592,1.86l0.268-3.46z"/>
</g>
<g id="g626" fill="#000">
<path id="path628" d="m19.282,100.4s6.921-0.534,5.324,1.6c-1.597,2.12-5.992,1.86-5.992,1.86l0.668-3.46z"/>
</g>
<g id="g630" fill="#000">
<path id="path632" d="m-3.4,140.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g634" fill="#992600">
<path id="path636" d="m-76.6,41.2s-4.4,8.8-4.8,12c0,0,0.8-8.8,2-10.8s2.8-1.2,2.8-1.2z"/>
</g>
<g id="g638" fill="#992600">
<path id="path640" d="m-95,55.2s-3.2,14.4-2.8,17.2c0,0-1.2-11.6-0.8-12.8s3.6-4.4,3.6-4.4z"/>
</g>
<g id="g642" fill="#CCC">
<path id="path644" d="m-74.2-19.4-0.2,3.2-2.2,0.2s14.2,12.6,14.8,20.2c0,0,0.8-8.2-12.4-23.6z"/>
</g>
<g id="g646" fill="#000">
<path id="path648" d="m-70.216-18.135c-0.431-0.416-0.212-1.161-0.62-1.421-0.809-0.516,1.298-0.573,1.07-1.289-0.383-1.206-0.196-1.227-0.318-2.503-0.057-0.598,0.531-2.138,0.916-2.578,1.446-1.652,0.122-4.584,1.762-6.135,0.304-0.289,0.68-0.841,0.965-1.259,0.659-0.963,1.843-1.451,2.793-2.279,0.318-0.276,0.117-1.103,0.686-1.011,0.714,0.115,1.955-0.015,1.91,0.826-0.113,2.12-1.442,3.84-2.722,5.508,0.451,0.704-0.007,1.339-0.291,1.896-1.335,2.62-1.146,5.461-1.32,8.301-0.005,0.085-0.312,0.163-0.304,0.216,0.353,2.335,0.937,4.534,1.816,6.763,0.366,0.93,0.837,1.825,0.987,2.752,0.111,0.686,0.214,1.519-0.194,2.224,2.035,2.89,0.726,5.541,1.895,9.072,0.207,0.625,1.899,2.539,1.436,2.378-2.513-0.871-2.625-1.269-2.802-2.022-0.146-0.623-0.476-2-0.713-2.602-0.064-0.164-0.235-2.048-0.313-2.17-1.513-2.382-0.155-2.206-1.525-4.564-1.428-0.68-2.394-1.784-3.517-2.946-0.198-0.204,0.945-0.928,0.764-1.141-1.092-1.289-2.245-2.056-1.909-3.549,0.155-0.69,0.292-1.747-0.452-2.467z"/>
</g>
<g id="g650" fill="#000">
<path id="path652" d="m-73.8-16.4s0.4,6.8,2.8,8.4,1.2,0.8-2-0.4-2-2-2-2-2.8,0.4-0.4,2.4,6,4.4,4.4,4.4-9.2-4-9.2-6.8-1-6.9-1-6.9,1.1-0.8,5.9-0.7c0,0,1.4,0.7,1.5,1.6z"/>
</g>
<g id="g654" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path656" d="m-74.6,2.2s-8.52-2.791-27,0.6c0,0,9.031-2.078,27.8,0.2,10.3,1.25-0.8-0.8-0.8-0.8z"/>
</g>
<g id="g658" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path660" d="m-72.502,2.129s-8.246-3.518-26.951-1.737c0,0,9.178-1.289,27.679,2.603,10.154,2.136-0.728-0.866-0.728-0.866z"/>
</g>
<g id="g662" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path664" d="m-70.714,2.222s-7.962-4.121-26.747-3.736c0,0,9.248-0.604,27.409,4.654,9.966,2.885-0.662-0.918-0.662-0.918z"/>
</g>
<g id="g666" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path668" d="m-69.444,2.445s-6.824-4.307-23.698-5.405c0,0,8.339,0.17,24.22,6.279,8.716,3.353-0.522-0.874-0.522-0.874z"/>
</g>
<g id="g670" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path672" d="m45.84,12.961s-0.93,0.644-0.716-0.537c0.215-1.181,28.423-14.351,32.037-14.101,0,0-30.248,13.206-31.321,14.638z"/>
</g>
<g id="g674" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path676" d="m42.446,13.6s-0.876,0.715-0.755-0.479,27.208-16.539,30.83-16.573c0,0-29.117,15.541-30.075,17.052z"/>
</g>
<g id="g678" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path680" d="m39.16,14.975s-0.828,0.772-0.786-0.428c0.042-1.199,19.859-16.696,29.671-18.57,0,0-18.03,8.127-28.885,18.998z"/>
</g>
<g id="g682" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path684" d="m36.284,16.838s-0.745,0.694-0.707-0.385c0.038-1.08,17.872-15.027,26.703-16.713,0,0-16.226,7.314-25.996,17.098z"/>
</g>
<g id="g686" fill="#CCC">
<path id="path688" d="m4.6,164.8s-15.2-2.4,1.6-4c0,0,18-2,22-7.2,0,0,13.6-9.2,16.4-9.6s19.2-4,19.6-6.4,6.4-4.8,8-4,1.6,10-1.2,10.8-21.6,8-28,9.2-18,8.8-22.8,10-15.6,1.2-15.6,1.2z"/>
</g>
<g id="g690" fill="#000">
<path id="path692" d="m77.6,127.4s-3,1.6-4.2,4.2c0,0-6.4,10.6-20.6,13.8,0,0-23,9-30.8,11,0,0-13.4,5-20.8,4.2,0,0-7,0.2-0.8,1.8,0,0,20.2-2,23.6-3.8,0,0,15.6-5.2,18.6-7.8s21.2-7.6,23.4-9.6,12-10.4,11.6-13.8z"/>
</g>
<g id="g694" fill="#000">
<path id="path696" d="m18.882,158.91s5.229-0.23,4.076,1.32-3.601,0.68-3.601,0.68l-0.475-2z"/>
</g>
<g id="g698" fill="#000">
<path id="path700" d="m11.68,160.26s5.228-0.22,4.076,1.33c-1.153,1.55-3.601,0.67-3.601,0.67l-0.475-2z"/>
</g>
<g id="g702" fill="#000">
<path id="path704" d="m1.251,161.51s5.229-0.23,4.076,1.32-3.601,0.68-3.601,0.68l-0.475-2z"/>
</g>
<g id="g706" fill="#000">
<path id="path708" d="m-6.383,162.06s5.229-0.23,4.076,1.32-3.601,0.67-3.601,0.67l-0.475-1.99z"/>
</g>
<g id="g710" fill="#000">
<path id="path712" d="m35.415,151.51s6.96-0.3,5.425,1.76c-1.534,2.07-4.793,0.9-4.793,0.9l-0.632-2.66z"/>
</g>
<g id="g714" fill="#000">
<path id="path716" d="m45.73,147.09s5.959-3.3,5.425,1.76c-0.27,2.55-4.793,0.9-4.793,0.9l-0.632-2.66z"/>
</g>
<g id="g718" fill="#000">
<path id="path720" d="m54.862,144.27s7.159-3.7,5.425,1.77c-0.778,2.44-4.794,0.9-4.794,0.9l-0.631-2.67z"/>
</g>
<g id="g722" fill="#000">
<path id="path724" d="m64.376,139.45s4.359-4.9,5.425,1.76c0.406,2.54-4.793,0.9-4.793,0.9l-0.632-2.66z"/>
</g>
<g id="g726" fill="#000">
<path id="path728" d="m26.834,156s5.228-0.23,4.076,1.32c-1.153,1.55-3.602,0.68-3.602,0.68l-0.474-2z"/>
</g>
<g id="g730" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path732" d="m62.434,34.603s-0.726,0.665-0.727-0.406c0-1.07,17.484-14.334,26.327-15.718,0,0-16.099,6.729-25.6,16.124z"/>
</g>
<g id="g734" fill="#000">
<path id="path736" d="m65.4,98.4s22.001,22.4,31.201,26c0,0,9.199,11.2,5.199,37.2,0,0-3.199,7.6-6.399-13.2,0,0,3.2-25.2-8-9.2,0,0-8.401-9.9-2.001-9.6,0,0,3.201,2,3.601,0.4s-7.601-15.2-24.801-29.6,1.2-2,1.2-2z"/>
</g>
<g id="g738" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path740" d="m7,137.2s-0.2-1.8,1.6-1,96,7,127.6,31c0,0-45.199-23.2-129.2-30z"/>
</g>
<g id="g742" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path744" d="m17.4,132.8s-0.2-1.8,1.6-1,138.4-0.2,162,32.2c0,0-22-25.2-163.6-31.2z"/>
</g>
<g id="g746" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path748" d="m29,128.8s-0.2-1.8,1.6-1,175.2-12.2,198.8,20.2c0,0-9.6-25.6-200.4-19.2z"/>
</g>
<g id="g750" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path752" d="m39,124s-0.2-1.8,1.6-1,124-37.8,147.6-5.4c0,0-13.4-24.6-149.2,6.4z"/>
</g>
<g id="g754" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path756" d="m-19,146.8s-0.2-1.8,1.6-1,19.6,3,21.6,41.8c0,0-7.2-42-23.2-40.8z"/>
</g>
<g id="g758" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path760" d="m-27.8,148.4s-0.2-1.8,1.6-1,16-3.8,13.2,35c0,0,1.2-35.2-14.8-34z"/>
</g>
<g id="g762" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path764" d="m-35.8,148.8s-0.2-1.8,1.6-1,17.2,1.4,4.8,23.8c0,0,9.6-24-6.4-22.8z"/>
</g>
<g id="g766" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path768" d="m11.526,104.46s-0.444,2,1.105,0.79c16.068-12.628,48.51-71.53,104.2-77.164,0,0-38.312-12.11-105.3,76.374z"/>
</g>
<g id="g770" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path772" d="m22.726,102.66s-1.363-1.19,0.505-1.81c1.868-0.63,114.31-73.13,153.6-65.164,0,0-27.11-7.51-154.1,66.974z"/>
</g>
<g id="g774" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path776" d="m1.885,108.77s-0.509,1.6,1.202,0.62c8.975-5.12,12.59-62.331,56.167-63.586,0,0-32.411-14.714-57.369,62.966z"/>
</g>
<g id="g778" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path780" d="m-18.038,119.79s-1.077,1.29,0.876,1.03c10.246-1.33,31.651-42.598,76.09-37.519,0,0-31.966-14.346-76.966,36.489z"/>
</g>
<g id="g782" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path784" d="m-6.8,113.67s-0.811,1.47,1.058,0.84c9.799-3.27,22.883-47.885,67.471-51.432,0,0-34.126-7.943-68.529,50.592z"/>
</g>
<g id="g786" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path788" d="m-25.078,124.91s-0.873,1.04,0.709,0.84c8.299-1.08,25.637-34.51,61.633-30.396,0,0-25.893-11.62-62.342,29.556z"/>
</g>
<g id="g790" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path792" d="m-32.677,130.82s-1.005,1.05,0.586,0.93c4.168-0.31,34.806-33.39,53.274-17.89,0,0-12.015-18.721-53.86,16.96z"/>
</g>
<g id="g794" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path796" d="m36.855,98.898s-1.201-1.355,0.731-1.74c1.932-0.384,122.63-58.097,160.59-45.231,0,0-25.94-10.874-161.32,46.971z"/>
</g>
<g id="g798" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path800" d="m3.4,163.2s-0.2-1.8,1.6-1,17.2,1.4,4.8,23.8c0,0,9.6-24-6.4-22.8z"/>
</g>
<g id="g802" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path804" d="m13.8,161.6s-0.2-1.8,1.6-1,19.6,3,21.6,41.8c0,0-7.2-42-23.2-40.8z"/>
</g>
<g id="g806" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path808" d="m20.6,160s-0.2-1.8,1.6-1,26.4,4.2,50,36.6c0,0-35.6-36.8-51.6-35.6z"/>
</g>
<g id="g810" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path812" d="m28.225,157.97s-0.437-1.76,1.453-1.2c1.89,0.55,22.324-1.35,60.421,32.83,0,0-46.175-34.94-61.874-31.63z"/>
</g>
<g id="g814" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path816" d="m38.625,153.57s-0.437-1.76,1.453-1.2c1.89,0.55,36.724,5.05,88.422,40.03,0,0-74.176-42.14-89.875-38.83z"/>
</g>
<g id="g818" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path820" d="m-1.8,142s-0.2-1.8,1.6-1,55.2,3.4,85.6,30.2c0,0-34.901-24.77-87.2-29.2z"/>
</g>
<g id="g822" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path824" d="m-11.8,146s-0.2-1.8,1.6-1,26.4,4.2,50,36.6c0,0-35.6-36.8-51.6-35.6z"/>
</g>
<g id="g826" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path828" d="m49.503,148.96s-0.565-1.72,1.361-1.3c1.926,0.41,36.996,2.34,91.116,33.44,0,0-77.663-34.4-92.477-32.14z"/>
</g>
<g id="g830" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path832" d="m57.903,146.56s-0.565-1.72,1.361-1.3c1.926,0.41,36.996,2.34,91.116,33.44,0,0-77.063-34.8-92.477-32.14z"/>
</g>
<g id="g834" stroke-width="0.1" stroke="#000" fill="#FFF">
<path id="path836" d="m67.503,141.56s-0.565-1.72,1.361-1.3c1.926,0.41,44.996,4.74,134.72,39.04,0,0-120.66-40.4-136.08-37.74z"/>
</g>
<g id="g838" fill="#000">
<path id="path840" d="m-43.8,148.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g842" fill="#000">
<path id="path844" d="m-13,162.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g846" fill="#000">
<path id="path848" d="m-21.8,162s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z"/>
</g>
<g id="g850" fill="#000">
<path id="path852" d="m-117.17,150.18s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z"/>
</g>
<g id="g854" fill="#000">
<path id="path856" d="m-115.17,140.58s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z"/>
</g>
<g id="g858" fill="#000">
<path id="path860" d="m-122.37,136.18s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z"/>
</g>
<g id="g862" fill="#CCC">
<path id="path864" d="m-42.6,211.2-5.6,2c-2,0-13.2,3.6-18.8,13.6,0,0,12.4-9.6,24.4-15.6z"/>
</g>
<g id="g866" fill="#CCC">
<path id="path868" d="m45.116,303.85c0.141,0.25,0.196,0.67,0.488,0.69,0.658,0.04,1.891,0.34,1.766-0.29-0.848-4.31-1.722-9.25-5.855-11.05-0.639-0.28-2.081,0.13-2.155,1.02-0.127,1.52-0.244,2.87,0.065,4.33,0.3,1.43,2.458,1.43,3.375,0.05,0.936,1.67,1.368,3.52,2.316,5.25z"/>
</g>
<g id="g870" fill="#CCC">
<path id="path872" d="m34.038,308.58c0.748,1.41,0.621,3.27,2.036,3.84,0.74,0.29,2.59-0.68,2.172-1.76-0.802-2.06-1.19-4.3-2.579-6.11-0.2-0.26,0.04-0.79-0.12-1.12-0.594-1.22-1.739-1.96-3.147-1.63-1.115,2.2,0.033,4.33,1.555,6.04,0.136,0.15-0.03,0.53,0.083,0.74z"/>
</g>
<g id="g874" fill="#CCC">
<path id="path876" d="m-5.564,303.39c-0.108-0.38-0.146-0.84,0.019-1.16,0.531-1.03,1.324-2.15,0.987-3.18-0.348-1.05-1.464-0.87-2.114-0.3-1.135,0.99-1.184,2.82-1.875,4.18-0.196,0.38-0.145,0.96-0.586,1.35-0.474,0.42-0.914,1.94-0.818,2.51,0.053,0.32-0.13,10.22,0.092,9.96,0.619-0.73,3.669-10.47,3.738-11.36,0.057-0.73,0.789-1.19,0.557-2z"/>
</g>
<g id="g878" fill="#CCC">
<path id="path880" d="m-31.202,296.6c2.634-2.5,5.424-5.46,4.982-9.17-0.116-0.98-1.891-0.45-2.078,0.39-0.802,3.63-2.841,6.29-5.409,8.68-2.196,2.05-4.058,8.39-4.293,8.9,3.697-5.26,5.954-8,6.798-8.8z"/>
</g>
<g id="g882" fill="#CCC">
<path id="path884" d="m-44.776,290.64c0.523-0.38,0.221-0.87,0.438-1.2,0.953-1.46,2.254-2.7,2.272-4.44,0.003-0.28-0.375-0.59-0.71-0.36-0.277,0.18-0.619,0.31-0.727,0.44-2.03,2.45-3.43,5.12-4.873,7.93-0.183,0.36-1.327,4.85-1.014,4.96,0.239,0.09,1.959-4.09,2.169-4.21,1.263-0.68,1.275-2.3,2.445-3.12z"/>
</g>
<g id="g886" fill="#CCC">
<path id="path888" d="m-28.043,310.18c0.444-0.87,2.02-2.07,1.907-2.96-0.118-0.93,0.35-2.37-0.562-1.68-1.257,0.94-4.706,2.29-4.976,8.1-0.026,0.57,2.948-2.12,3.631-3.46z"/>
</g>
<g id="g890" fill="#CCC">
<path id="path892" d="m-13.6,293c0.4-0.67,1.108-0.19,1.567-0.46,0.648-0.37,1.259-0.93,1.551-1.58,0.97-2.14,2.739-3.96,2.882-6.36-1.491-1.4-2.17,0.64-2.8,1.6-1.323-1.65-2.322,0.23-3.622,0.75-0.07,0.03-0.283-0.32-0.358-0.29-1.177,0.44-1.857,1.52-2.855,2.3-0.171,0.13-0.576-0.05-0.723,0.09-0.652,0.6-1.625,0.93-1.905,1.61-1.11,2.7-4.25,4.8-6.137,12.34,0.381,0.91,4.512-6.64,4.999-7.34,0.836-1.2,0.954,1.66,2.23,1,0.051-0.03,0.237,0.21,0.371,0.34,0.194-0.28,0.412-0.51,0.8-0.4,0-0.4-0.134-0.96,0.067-1.11,1.237-0.98,1.153-2.05,1.933-3.29,0.458,0.79,1.519,0.07,2,0.8z"/>
</g>
<g id="g894" fill="#CCC">
<path id="path896" d="m46.2,347.4s7.4-20.4,3-31.6c0,0,11.4,21.6,6.8,32.8,0,0-0.4-10.4-4.4-15.4,0,0-4,12.8-5.4,14.2z"/>
</g>
<g id="g898" fill="#CCC">
<path id="path900" d="m31.4,344.8s5.4-8.8-2.6-27.2c0,0-0.8,20.4-7.6,31.4,0,0,14.2-20.2,10.2-4.2z"/>
</g>
<g id="g902" fill="#CCC">
<path id="path904" d="m21.4,342.8s-0.2-20,0.2-23c0,0-3.8,16.6-14,26.2,0,0,14.4-12,13.8-3.2z"/>
</g>
<g id="g906" fill="#CCC">
<path id="path908" d="m11.8,310.8s6,13.6-4,32c0,0,6.4-12.2,1.6-19.2,0,0,2.6-3.4,2.4-12.8z"/>
</g>
<g id="g910" fill="#CCC">
<path id="path912" d="m-7.4,342.4s-1-15.6,0.8-17.8c0,0,0.2-6.4-0.2-7.4,0,0,4-6.2,4.2,1.2,0,0,1.4,7.8,4.2,12.4,0,0,3.6,5.4,3.4,11.8,0,0-10-30.2-12.4-0.2z"/>
</g>
<g id="g914" fill="#CCC">
<path id="path916" d="m-11,314.8s-6.6,10.8-8.4,29.8c0,0-1.4-6.2,2.4-20.6,0,0,4.2-15.4,6-9.2z"/>
</g>
<g id="g918" fill="#CCC">
<path id="path920" d="m-32.8,334.6s5-5.4,6.4-10.4c0,0,3.6-15.8-2.8-7.2,0,0,0.2,8-8,15.4,0,0,4.8-2.4,4.4,2.2z"/>
</g>
<g id="g922" fill="#CCC">
<path id="path924" d="m-38.6,329.6s3.4-17.4,4.2-18.2c0,0,1.8-3.4-1-0.2,0,0-8.8,19.2-12.8,25.8,0,0,8-9.2,9.6-7.4z"/>
</g>
<g id="g926" fill="#CCC">
<path id="path928" d="m-44.4,313s11.6-22.4-10.2,3.4c0,0,11-9.8,10.2-3.4z"/>
</g>
<g id="g930" fill="#CCC">
<path id="path932" d="m-59.8,298.4s4.8-18.8,7.4-18.6l1.6,1.6s-6,9.6-5.4,19.4c0,0-0.6-9.6-3.6-2.4z"/>
</g>
<g id="g934" fill="#CCC">
<path id="path936" d="m270.5,287s-12-10-14.5-13.5c0,0,13.5,18.5,13.5,25.5,0,0,2.5-7.5,1-12z"/>
</g>
<g id="g938" fill="#CCC">
<path id="path940" d="m276,265s-21-15-24.5-22.5c0,0,26.5,29.5,26.5,34,0,0,0.5-9-2-11.5z"/>
</g>
<g id="g942" fill="#CCC">
<path id="path944" d="m293,111s-12-8-13.5-6c0,0,10.5,6.5,13,15,0,0-1.5-9,0.5-9z"/>
</g>
<g id="g946" fill="#CCC">
<path id="path948" d="m301.5,191.5-17.5-12s19,17,19.5,21l-2-9z"/>
</g>
<g id="g950" stroke="#000">
<path id="path952" d="m-89.25,169,22,4.75"/>
</g>
<g id="g954" stroke="#000">
<path id="path956" d="m-39,331s-0.5-3.5-9.5,7"/>
</g>
<g id="g958" stroke="#000">
<path id="path960" d="m-33.5,336s2-6.5-4.5-2"/>
</g>
<g id="g962" stroke="#000">
<path id="path964" d="m20.5,344.5s1.5-11-10,2"/>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 69 KiB

18
SixLabors.Svg.sln → SixLabors.ImageSharp.Svg.sln
Просмотреть файл

@ -3,15 +3,19 @@ Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio 15
VisualStudioVersion = 15.0.26228.10
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Scratch", "Scratch\Scratch.csproj", "{79B6AB94-2D7C-416A-A10C-9AD051DA2F21}"
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Scratch", "Scratch\Scratch.csproj", "{79B6AB94-2D7C-416A-A10C-9AD051DA2F21}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{37B33CBE-2260-43BF-A340-EFDCE7AB5393}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "tests", "tests", "{E1FA23B3-9FC2-46B0-94A5-7519AD25A573}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SixLabors.Svg", "src\SixLabors.Svg\SixLabors.Svg.csproj", "{9FB2CBE5-D641-4B65-A918-8A20ED664CB1}"
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SixLabors.ImageSharp.Svg", "src\SixLabors.Svg\SixLabors.ImageSharp.Svg.csproj", "{9FB2CBE5-D641-4B65-A918-8A20ED664CB1}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SixLabors.Svg.Tests", "tests\SixLabors.Svg.Tests\SixLabors.Svg.Tests.csproj", "{B3B48133-018D-4512-B382-B27F7D17205C}"
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SixLabors.Svg.Tests", "tests\SixLabors.Svg.Tests\SixLabors.Svg.Tests.csproj", "{B3B48133-018D-4512-B382-B27F7D17205C}"
EndProject
Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "external", "external", "{D46CD8EA-422F-42C9-B60B-462108C46161}"
EndProject
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "SVGSharpie", "external\SVGSharpie\SVGSharpie.Svg\SVGSharpie.csproj", "{375F515A-5F03-47E0-A0A2-47F71F618EEF}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
@ -31,6 +35,10 @@ Global
{B3B48133-018D-4512-B382-B27F7D17205C}.Debug|Any CPU.Build.0 = Debug|Any CPU
{B3B48133-018D-4512-B382-B27F7D17205C}.Release|Any CPU.ActiveCfg = Release|Any CPU
{B3B48133-018D-4512-B382-B27F7D17205C}.Release|Any CPU.Build.0 = Release|Any CPU
{375F515A-5F03-47E0-A0A2-47F71F618EEF}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{375F515A-5F03-47E0-A0A2-47F71F618EEF}.Debug|Any CPU.Build.0 = Debug|Any CPU
{375F515A-5F03-47E0-A0A2-47F71F618EEF}.Release|Any CPU.ActiveCfg = Release|Any CPU
{375F515A-5F03-47E0-A0A2-47F71F618EEF}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
@ -38,5 +46,9 @@ Global
GlobalSection(NestedProjects) = preSolution
{9FB2CBE5-D641-4B65-A918-8A20ED664CB1} = {37B33CBE-2260-43BF-A340-EFDCE7AB5393}
{B3B48133-018D-4512-B382-B27F7D17205C} = {E1FA23B3-9FC2-46B0-94A5-7519AD25A573}
{375F515A-5F03-47E0-A0A2-47F71F618EEF} = {D46CD8EA-422F-42C9-B60B-462108C46161}
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {BE01C93B-9B65-483D-BDB8-9F0D9C702F61}
EndGlobalSection
EndGlobal

2
external/SVGSharpie поставляемый

@ -1 +1 @@
Subproject commit 5b303fb0f015f34a69eb34a1bb61952479cf2c34
Subproject commit 13b0c25404967148a928dafc742e3594297a9ff6

20
src/SixLabors.Svg/RenderTree/BrushGenerator.cs Normal file
Просмотреть файл

@ -0,0 +1,20 @@
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed class BrushGenerator<TPixel> : SvgPaintServerVisitor<IBrush<TPixel>>
where TPixel : struct, IPixel<TPixel>
{
public static BrushGenerator<TPixel> Instance { get; } = new BrushGenerator<TPixel>();
public override IBrush<TPixel> VisitSolidColorPaintServer(SvgSolidColorPaintServer paintServer)
{
// lets asume the brush is a color for now
// TODO update ColourBuilder to expose named colors
var color = paintServer.Color.As<TPixel>(paintServer.Opacity);
return new SolidBrush<TPixel>(color);
}
}
}

112
src/SixLabors.Svg/RenderTree/Extensions.cs
Просмотреть файл

@ -1,86 +1,60 @@
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.Shapes;
using AngleSharp.Dom;
using System.Linq;
using SixLabors.ImageSharp.PixelFormats;
using SVGSharpie;
using System.Numerics;
namespace SixLabors.Svg.Dom
{
internal static class Extensions
{
public static IPath GenerateStroke<TPixel>(this IPath path, Image<TPixel> img, ISvgShape shape) where TPixel : struct, IPixel<TPixel>
public static Matrix3x2 AsMatrix3x2(this SvgMatrix matrix)
{
var strokeWidth = shape.StrokeWidth.AsPixelXAxis(img);
if (strokeWidth == 0)
return new Matrix3x2(matrix.A, matrix.B, matrix.C, matrix.D, matrix.E, matrix.F);
}
public static TPixel As<TPixel>(this SvgColor value, float opactiy) where TPixel : struct, IPixel<TPixel>
{
var colorRgb = new Rgba32(value.R, value.G, value.B, (byte)(opactiy * value.A));
var color = default(TPixel);
color.FromRgba32(colorRgb);
return color;
}
public static JointStyle AsJointStyle(this StyleProperty<SvgStrokeLineJoin> join) => join.Value.AsJointStyle();
public static JointStyle AsJointStyle(this SvgStrokeLineJoin join)
{
switch (join)
{
return null;
case SvgStrokeLineJoin.Miter:
return JointStyle.Miter;
case SvgStrokeLineJoin.Round:
return JointStyle.Round;
case SvgStrokeLineJoin.Bevel:
return JointStyle.Square;
case SvgStrokeLineJoin.Inherit:
default:
return JointStyle.Miter;
}
return Outliner.GenerateOutline(path, strokeWidth, shape.StrokeLineJoin.Style, shape.StrokeLineCap.Style);
}
public static EndCapStyle AsEndCapStyle(this StyleProperty<SvgStrokeLineCap> join) => join.Value.AsEndCapStyle();
public static string GetAttributeValueSelfOrGroup(this ISvgElement element, string attribute)
public static EndCapStyle AsEndCapStyle(this SvgStrokeLineCap join)
{
var val = element.Attributes[attribute]?.Value;
if (val == null)
switch (join)
{
val = element.Ancestors<ISvgElement>().Where(x => x.TagName == "g").FirstOrDefault()?.GetAttributeValueSelfOrGroup(attribute);
case SvgStrokeLineCap.Butt:
return EndCapStyle.Butt;
case SvgStrokeLineCap.Round:
return EndCapStyle.Round;
case SvgStrokeLineCap.Square:
return EndCapStyle.Square;
case SvgStrokeLineCap.Inherit:
default:
return EndCapStyle.Butt;
}
return val;
}
public static SvgPaint GetPaint(this ISvgElement element, string attribute, string defaultPaintValue, string defaultOpacityValue)
{
var paint = element.GetAttributeValueSelfOrGroup(attribute) ?? defaultPaintValue;
var opacity = element.GetAttributeValueSelfOrGroup(attribute + "-opacity") ?? defaultOpacityValue;
return SvgPaint.Parse(paint, opacity);
}
public static SvgUnitValue GetUnitValue(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.TryGetUnitValue(attribute, defaultValue);
return val ?? SvgUnitValue.Unset;
}
public static SvgUnitValue? TryGetUnitValue(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.GetAttributeValueSelfOrGroup(attribute) ?? defaultValue;
return SvgUnitValue.Parse(val);
}
public static SvgLineCap GetLineCap(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.TryGetLineCap(attribute, defaultValue);
return val ?? SvgLineCap.Unset;
}
public static SvgLineCap? TryGetLineCap(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.GetAttributeValueSelfOrGroup(attribute) ?? defaultValue;
return SvgLineCap.Parse(val);
}
public static SvgLineJoin GetLineJoin(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.TryGetLineJoin(attribute, defaultValue);
return val ?? SvgLineJoin.Unset;
}
public static SvgLineJoin? TryGetLineJoin(this ISvgElement element, string attribute, string defaultValue = null)
{
var val = element.GetAttributeValueSelfOrGroup(attribute) ?? defaultValue;
return SvgLineJoin.Parse(val);
}
}
}

11
src/SixLabors.Svg/RenderTree/ISvgShape.cs
Просмотреть файл

@ -1,11 +0,0 @@
namespace SixLabors.Svg.Dom
{
internal interface ISvgShape
{
SvgPaint Fill { get; }
SvgPaint Stroke { get; }
SvgUnitValue StrokeWidth { get; }
SvgLineCap StrokeLineCap { get; }
SvgLineJoin StrokeLineJoin { get; }
}
}

11
src/SixLabors.Svg/RenderTree/RenderOptions.cs
Просмотреть файл

@ -1,11 +0,0 @@
namespace SixLabors.Svg.Dom
{
public struct RenderOptions
{
private const float defaultDpi = 96;
private float? dpi;
public float Dpi { get => dpi ?? defaultDpi; set => dpi = value; }
}
}

27
src/SixLabors.Svg/RenderTree/SvgDocument.RenderEllipses.cs Normal file
Просмотреть файл

@ -0,0 +1,27 @@
using System.Linq;
using System.Threading.Tasks;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Shapes;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
public override void VisitCircleElement(SvgCircleElement element)
{
base.VisitCircleElement(element);
this.RenderShapeToCanvas(element, new EllipsePolygon(element.Cx.Value.Value, element.Cy.Value.Value, element.R.Value.Value));
}
public override void VisitEllipseElement(SvgEllipseElement element)
{
this.RenderShapeToCanvas(element, new EllipsePolygon(element.Cx.Value.Value, element.Cy.Value.Value, element.Rx.Value.Value * 2, element.Ry.Value.Value * 2));
}
}
}

252
src/SixLabors.Svg/RenderTree/SvgDocument.RenderPath.cs Normal file
Просмотреть файл

@ -0,0 +1,252 @@
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Primitives;
using SixLabors.Shapes;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
private void RenderPathSegList(SvgGraphicsElement element, SvgPathSegList segs)
{
var reenderer = new PathRenderer();
foreach (var seq in segs)
{
seq.Accept(reenderer);
}
var path = reenderer.Path();
this.RenderShapeToCanvas(element, path);
}
internal class PathRenderer : SvgPathSegVisitor
{
public override void VisitClosePath(SvgPathSegClosePath segment)
=> this.Close();
public override void VisitMovetoAbs(SvgPathSegMovetoAbs segment)
=> this.MoveTo(new PointF(segment.X, segment.Y));
public override void VisitMovetoRel(SvgPathSegMovetoRel segment)
=> this.MoveTo(new PointF(segment.X, segment.Y) + this.currentPoint);
public override void VisitLinetoAbs(SvgPathSegLinetoAbs segment)
=> this.LineTo(new PointF(segment.X, segment.Y));
public override void VisitLinetoRel(SvgPathSegLinetoRel segment)
=> this.LineTo(new PointF(segment.X, segment.Y) + this.currentPoint);
public override void VisitCurvetoCubicAbs(SvgPathSegCurvetoCubicAbs segment)
=> this.CubicBezierTo(new PointF(segment.X1, segment.Y1), new PointF(segment.X2, segment.Y2), new PointF(segment.X, segment.Y));
public override void VisitCurvetoCubicRel(SvgPathSegCurvetoCubicRel segment)
=> this.CubicBezierTo(new PointF(segment.X1, segment.Y1) + this.currentPoint, new PointF(segment.X2, segment.Y2) + this.currentPoint, new PointF(segment.X, segment.Y) + this.currentPoint);
public override void VisitCurvetoCubicSmoothAbs(SvgPathSegCurvetoCubicSmoothAbs segment)
=> this.SmoothCubicBezierTo(new PointF(segment.X2, segment.Y2), new PointF(segment.X, segment.Y));
public override void VisitCurvetoCubicSmoothRel(SvgPathSegCurvetoCubicSmoothRel segment)
=> this.SmoothCubicBezierTo(new PointF(segment.X2, segment.Y2) + currentPoint, new PointF(segment.X, segment.Y) + currentPoint);
public override void VisitCurvetoQuadraticAbs(SvgPathSegCurvetoQuadraticAbs segment)
=> this.QuadraticBezierTo(new PointF(segment.X1, segment.Y1), new PointF(segment.X, segment.Y));
public override void VisitCurvetoQuadraticRel(SvgPathSegCurvetoQuadraticRel segment)
=> this.QuadraticBezierTo(new PointF(segment.X1, segment.Y1) + this.currentPoint, new PointF(segment.X, segment.Y) + this.currentPoint);
public override void VisitCurvetoQuadraticSmoothAbs(SvgPathSegCurvetoQuadraticSmoothAbs segment)
=> this.SmoothQuadraticBezierTo(new PointF(segment.X, segment.Y));
public override void VisitCurvetoQuadraticSmoothRel(SvgPathSegCurvetoQuadraticSmoothRel segment)
=> this.SmoothQuadraticBezierTo(new PointF(segment.X, segment.Y) + currentPoint);
public override void VisitArcAbs(SvgPathSegArcAbs segment)
=> this.ArcTo(new PointF(segment.X, segment.Y), new SizeF(segment.RadiusX, segment.RadiusY), segment.Angle, segment.LargeArcFlag, segment.SweepFlag);
public override void VisitArcRel(SvgPathSegArcRel segment)
=> this.ArcTo(new PointF(segment.X, segment.Y) + currentPoint, new SizeF(segment.RadiusX, segment.RadiusY), segment.Angle, segment.LargeArcFlag, segment.SweepFlag);
public override void VisitLinetoHorizontalAbs(SvgPathSegLinetoHorizontalAbs segment)
=> this.LineTo(new PointF(segment.X, this.currentPoint.Y));
public override void VisitLinetoHorizontalRel(SvgPathSegLinetoHorizontalRel segment)
=> this.LineTo(this.currentPoint + new PointF(segment.X, 0));
public override void VisitLinetoVerticalAbs(SvgPathSegLinetoVerticalAbs segment)
=> this.LineTo(new PointF(this.currentPoint.X, segment.Y));
public override void VisitLinetoVerticalRel(SvgPathSegLinetoVerticalRel segment)
=> this.LineTo(this.currentPoint + new PointF(0, segment.Y));
/// <summary>
/// The builder. TODO: Should this be a property?
/// </summary>
// ReSharper disable once InconsistentNaming
private readonly PathBuilder builder;
private readonly List<IPath> paths = new List<IPath>();
private PointF currentPoint = default(PointF);
private PointF initalPoint = default;
private PointF lastCubicControlPoint = default;
private PointF lastQuadriticControlPoint = default;
public PointF CurrentPoint => currentPoint;
public PointF InitalPoint => initalPoint;
/// <summary>
/// Initializes a new instance of the <see cref="BaseGlyphBuilder"/> class.
/// </summary>
public PathRenderer()
{
// glyphs are renderd realative to bottom left so invert the Y axis to allow it to render on top left origin surface
this.builder = new PathBuilder();
}
/// <summary>
/// Gets the paths that have been rendered by this.
/// </summary>
public IPath Path()
{
return this.builder.Build();
}
/// <summary>
/// Draws a cubic bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="thirdControlPoint">The third control point.</param>
/// <param name="point">The point.</param>
public void CubicBezierTo(PointF secondControlPoint, PointF thirdControlPoint, PointF point)
{
this.builder.AddBezier(this.currentPoint, secondControlPoint, thirdControlPoint, point);
this.currentPoint = point;
lastCubicControlPoint = thirdControlPoint;
lastQuadriticControlPoint = currentPoint;
}
/// <summary>
/// Draws a quadratics bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="point">The point.</param>
public void SmoothCubicBezierTo(PointF thirdControlPoint, PointF point)
{
var cp = currentPoint + (currentPoint - lastCubicControlPoint);
this.CubicBezierTo(cp, thirdControlPoint, point);
lastCubicControlPoint = thirdControlPoint;
lastQuadriticControlPoint = currentPoint;
}
/// <summary>
/// Draws a line from the current point to the <paramref name="point"/>.
/// </summary>
/// <param name="point">The point.</param>
public void LineTo(PointF point)
{
this.builder.AddLine(this.currentPoint, point);
this.currentPoint = point;
lastCubicControlPoint = currentPoint;
lastQuadriticControlPoint = currentPoint;
}
/// <summary>
/// Moves to current point to the supplied vector.
/// </summary>
/// <param name="point">The point.</param>
public void MoveTo(PointF point)
{
this.builder.StartFigure();
this.currentPoint = point;
this.initalPoint = point;
lastCubicControlPoint = currentPoint;
lastQuadriticControlPoint = currentPoint;
}
/// <summary>
/// Draws a quadratics bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="point">The point.</param>
public void QuadraticBezierTo(PointF secondControlPoint, PointF point)
{
this.builder.AddBezier(this.currentPoint, secondControlPoint, point);
this.currentPoint = point;
lastCubicControlPoint = currentPoint;
lastQuadriticControlPoint = secondControlPoint;
}
/// <summary>
/// Draws a quadratics bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="point">The point.</param>
public void SmoothQuadraticBezierTo(PointF point)
{
var secondControlPoint = currentPoint + (currentPoint - lastQuadriticControlPoint);
this.QuadraticBezierTo(secondControlPoint, point);
lastCubicControlPoint = currentPoint;
lastQuadriticControlPoint = secondControlPoint;
}
/// <summary>
/// Draws a arc from the current point to the <paramref name="point"/>
/// </summary>
public void ArcTo(PointF point, SizeF radius, float angle, bool largeArcFlag, bool sweepFlag)
{
this.builder.AddSegment(new ArcLineSegemnt(this.currentPoint, point, radius, angle, largeArcFlag, sweepFlag));
this.currentPoint = point;
lastCubicControlPoint = point;
lastQuadriticControlPoint = point;
}
internal void Close()
{
this.LineTo(initalPoint);
this.builder.CloseFigure();
this.currentPoint = this.initalPoint;
lastCubicControlPoint = initalPoint;
lastQuadriticControlPoint = initalPoint;
}
}
public void VisitSvgGeometryElement(SvgGeometryElement element)
{
var pathSegList = element.ConvertToPathSegList();
RenderPathSegList(element, pathSegList);
}
public override void VisitLineElement(SvgLineElement element)
{
base.VisitLineElement(element);
VisitSvgGeometryElement(element);
}
public override void VisitPolylineElement(SvgPolylineElement element)
{
base.VisitPolylineElement(element);
VisitSvgGeometryElement(element);
}
public override void VisitPolygonElement(SvgPolygonElement element)
{
base.VisitPolygonElement(element);
VisitSvgGeometryElement(element);
}
public override void VisitPathElement(SvgPathElement element)
{
base.VisitPathElement(element);
VisitSvgGeometryElement(element);
}
}
}

30
src/SixLabors.Svg/RenderTree/SvgDocument.RenderRect.cs Normal file
Просмотреть файл

@ -0,0 +1,30 @@
using System.Linq;
using System.Threading.Tasks;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Shapes;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
public override void VisitRectElement(SvgRectElement element)
{
// rect render visitor here???
base.VisitRectElement(element);
var x = element.X?.Value ?? 0;
var y = element.Y?.Value ?? 0;
var width = element.Width?.Value ?? 0;
var height = element.Height?.Value ?? 0;
var rx = element.RadiusX;
var ry = element.RadiusY;
var rect = new RoundedRect(x, y, width, height, rx, ry);
this.RenderShapeToCanvas(element, rect);
}
}
}

57
src/SixLabors.Svg/RenderTree/SvgDocument.RenderShapeToCanvas.cs Normal file
Просмотреть файл

@ -0,0 +1,57 @@
using System.Linq;
using System.Numerics;
using System.Threading.Tasks;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Shapes;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
private void RenderShapeToCanvas(SvgGraphicsElement svgGraphicsElement, IPath path)
{
var matrix = CalulateUpdatedMatrix(svgGraphicsElement);
var brush = svgGraphicsElement.CreateFillPaintServer()?.Accept(BrushGenerator<TPixel>.Instance);
IBrush<TPixel> strokFill = null;
IPath outline = null;
if (svgGraphicsElement.StrokeWidth > 0)
{
strokFill = svgGraphicsElement.CreateStrokePaintServer()?.Accept(BrushGenerator<TPixel>.Instance);
if (strokFill != null)
{
var pattern = svgGraphicsElement.Style.StrokeDashArray.Value?.Select(X => X.Value).ToArray();
var joint = svgGraphicsElement.Style.StrokeLineJoin.AsJointStyle();
var end = svgGraphicsElement.Style.StrokeLineCap.AsEndCapStyle();
if (pattern == null || pattern.Length == 0)
{
outline = path.GenerateOutline(svgGraphicsElement.StrokeWidth, joint, end);
}
else
{
outline = path.GenerateOutline(svgGraphicsElement.StrokeWidth,
pattern,
false,
joint, end);
}
}
}
if (brush != null)
{
image.Fill(brush, path.Transform(matrix));
}
if (outline != null && strokFill != null)
{
image.Fill( strokFill, outline.Transform(matrix));
}
}
}
}

72
src/SixLabors.Svg/RenderTree/SvgDocument.RenderText.cs Normal file
Просмотреть файл

@ -0,0 +1,72 @@
using System;
using System.Linq;
using System.Threading.Tasks;
using SixLabors.Fonts;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Primitives;
using SixLabors.Shapes;
using SixLabors.Shapes.Text;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
public static string DefaultFont { get; set; } = "Times New Roman";
public static string DefaultSansSerifFont { get; set; } = "Arial";
public static string DefaultSerifFont { get; set; } = "Times New Roman";
public override void VisitTextElement(SvgTextElement element)
{
base.VisitTextElement(element);
var fonts = SystemFonts.Collection;
FontFamily family = null;
if (element.PresentationStyleData.FontFamily.HasValue)
{
foreach (var f in element.PresentationStyleData.FontFamily.Value.Value)
{
var fontName = f;
if (fontName.Equals("sans-serif"))
{
fontName = DefaultSansSerifFont;
}
else if (fontName.Equals("serif"))
{
fontName = DefaultSerifFont;
}
if (fonts.TryFind(fontName, out family))
{
break;
}
}
}
if (family == null)
{
family = fonts.Find(DefaultFont);
}
var fontSize = element.PresentationStyleData.FontSize?.Value.Value ?? 12;
var origin = new PointF(element.X?.Value ?? 0, element.Y?.Value ?? 0);
var font = family.CreateFont(fontSize);
var render = new RendererOptions(font, 72);
var text = element.Text;
var lineHeight = ((font.LineHeight * font.Size) / (font.EmSize * 72)) * 72;
var ascender = ((font.Ascender * font.Size) / (font.EmSize * 72)) * 72;
var glyphs = TextBuilder.GenerateGlyphs(text, new RendererOptions(font, 72, origin - new PointF(0, ascender)));
foreach (var p in glyphs)
{
this.RenderShapeToCanvas(element, p);
}
}
}
}

67
src/SixLabors.Svg/RenderTree/SvgDocument.cs
Просмотреть файл

@ -1,64 +1,53 @@
using System.Linq;
using System.Numerics;
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.Primitives;
using SixLabors.Shapes;
using SixLabors.Svg.Shapes;
using SVGSharpie;
namespace SixLabors.Svg.Dom
{
internal sealed class SvgDocument
internal sealed partial class SvgDocumentRenderer<TPixel> : SvgElementWalker
where TPixel : struct, IPixel<TPixel>
{
private readonly SvgLayer root;
private Matrix3x2 activeMatrix = Matrix3x2.Identity;
private readonly Vector2 size;
private readonly IImageProcessingContext<TPixel> image;
public SvgUnitValue X { get; private set; }
public SvgUnitValue Y { get; private set; }
public SvgUnitValue Width { get; private set; }
public SvgUnitValue Height { get; private set; }
public SvgDocument()
public SvgDocumentRenderer(SizeF size, IImageProcessingContext<TPixel> image)
{
root = new SvgLayer();
this.size = size;
this.image = image;
}
public void Add(SvgElement elm)
public override void VisitSvgElement(SvgSvgElement element)
{
root.Add(elm);
elm.SetParent(root);
activeMatrix = element.CalculateViewboxFit(size.X, size.Y).AsMatrix3x2();
base.VisitSvgElement(element);
}
public static async Task<SvgDocument> LoadAsync(ISvgElement element)
private Matrix3x2 CalulateUpdatedMatrix(SvgGraphicsElement elm)
{
var document = new SvgDocument()
var matrix = activeMatrix;
foreach (var t in elm.Transform)
{
X = element.GetUnitValue("x", "0"),
Y = element.GetUnitValue("y", "0"),
Width = element.GetUnitValue("width"),
Height = element.GetUnitValue("height")
};
var children = element.Children.OfType<ISvgElement>();
foreach (var c in children)
{
var elm = await SvgElement.LoadElementAsync(c);
if (elm != null)
{
document.Add(elm);
}
matrix = matrix * t.Matrix.AsMatrix3x2();
}
return document;
return matrix;
}
internal Image<TPixel> Generate<TPixel>(RenderOptions options) where TPixel : struct, IPixel<TPixel>
public override void VisitGElement(SvgGElement element)
{
// todo pass along the ImageSharp configuration
var img = new Image<TPixel>((int)this.Width.AsPixel(options.Dpi), (int)this.Height.AsPixel(options.Dpi));
var oldMatrix = activeMatrix;
activeMatrix = CalulateUpdatedMatrix(element);
base.VisitGElement(element);
this.root.RenderTo(img);
return img;
activeMatrix = oldMatrix;
}
}
}

43
src/SixLabors.Svg/RenderTree/SvgElement.cs
Просмотреть файл

@ -1,43 +0,0 @@
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
namespace SixLabors.Svg.Dom
{
internal abstract class SvgElement
{
public SvgLayer Parent { get; private set; }
public static async Task<SvgElement> LoadElementAsync(ISvgElement element)
{
switch (element.TagName)
{
case "svg":
case "g":
return await SvgLayer.LoadLayerAsync(element);
case "rect":
return await SvgRect.LoadAsync(element);
case "circle":
case "ellipse":
return await SvgEllipse.LoadAsync(element);
case "line":
case "polyline":
case "polygon":
case "path":
return await SvgPath.LoadAsync(element);
default:
return null;
}
}
internal void SetParent(SvgLayer layer)
{
Parent = layer;
}
internal abstract void RenderTo<TPixel>(Image<TPixel> image) where TPixel : struct, IPixel<TPixel>;
}
}

75
src/SixLabors.Svg/RenderTree/SvgEllipse.cs
Просмотреть файл

@ -1,75 +0,0 @@
using System;
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;
namespace SixLabors.Svg.Dom
{
internal sealed class SvgEllipse : SvgElement, ISvgShape
{
public SvgUnitValue X { get; private set; }
public SvgUnitValue Y { get; private set; }
public SvgUnitValue RadiusX { get; private set; }
public SvgUnitValue RadiusY { get; private set; }
public SvgPaint Fill { get; private set; }
public SvgPaint Stroke { get; private set; }
public SvgUnitValue StrokeWidth { get; private set; }
public SvgLineCap StrokeLineCap { get; private set; }
public SvgLineJoin StrokeLineJoin { get; private set; }
public static Task<SvgElement> LoadAsync(ISvgElement element)
{
var ellipse = new SvgEllipse()
{
Fill = element.GetPaint("fill", "Black", "1"),
Stroke = element.GetPaint("stroke", "None", "1"),
StrokeWidth = element.GetUnitValue("stroke-width", "1"),
StrokeLineCap = element.GetLineCap("stroke-linecap", "butt"),
StrokeLineJoin = element.GetLineJoin("stroke-linejoin", "miter"),
X = element.GetUnitValue("cx"),
Y = element.GetUnitValue("cy"),
};
if (element.TagName == "circle")
{
ellipse.RadiusY = ellipse.RadiusX = element.GetUnitValue("r", "0");
}
else
{
ellipse.RadiusX = element.GetUnitValue("rx", "0");
ellipse.RadiusY = element.GetUnitValue("ry", "0");
}
return Task.FromResult<SvgElement>(ellipse);
}
internal override void RenderTo<TPixel>(Image<TPixel> image)
{
var rect = new SixLabors.Shapes.EllipsePolygon(X.AsPixelXAxis(image), Y.AsPixelYAxis(image), RadiusX.AsPixelXAxis(image) * 2, RadiusY.AsPixelXAxis(image) * 2);
var fillBrush = Fill.AsBrush<TPixel>();
var strokeBrush = Stroke.AsBrush<TPixel>();
image.Mutate(x =>
{
if (fillBrush != null)
{
x = x.Fill(fillBrush, rect);
}
if (strokeBrush != null)
{
var outline = rect.GenerateStroke(image, this);
if (outline != null)
{
x = x.Fill(strokeBrush, outline);
}
}
});
}
}
}

47
src/SixLabors.Svg/RenderTree/SvgLayer.cs
Просмотреть файл

@ -1,47 +0,0 @@
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
namespace SixLabors.Svg.Dom
{
internal sealed class SvgLayer : SvgElement
{
private List<SvgElement> children = new List<SvgElement>();
public IReadOnlyList<SvgElement> Children => children;
public void Add(SvgElement elm)
{
children.Add(elm);
elm.SetParent(this);
}
internal override void RenderTo<TPixel>(Image<TPixel> img)
{
// note to self each lay can be draw on the previous layer with an image brush for masking and compositing
foreach (var c in Children)
{
c.RenderTo(img);
}
}
public static async Task<SvgElement> LoadLayerAsync(ISvgElement element)
{
var layer = new SvgLayer();
var children = element.Children.OfType<ISvgElement>();
foreach (var c in children)
{
var elm = await SvgElement.LoadElementAsync(c);
if (elm != null)
{
layer.Add(elm);
}
}
return layer;
}
}
}

231
src/SixLabors.Svg/RenderTree/SvgPaint.cs
Просмотреть файл

@ -1,231 +0,0 @@
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using System;
using System.Collections.Generic;
namespace SixLabors.Svg.Dom
{
internal struct SvgPaint
{
public static readonly SvgPaint Unset = default(SvgPaint);
internal SvgPaint(string value, float opacity)
{
Value = value;
Opacity = opacity;
}
public string Value { get; }
public float Opacity { get; }
public static SvgPaint Parse(string val, string opacity)
{
val = val?.Trim() ?? "";
opacity = opacity?.Trim() ?? "";
float opacityVal = 1;
if (float.TryParse(opacity, out float op))
{
opacityVal = op;
if (opacityVal < 0)
{
opacityVal = 0;
}
if (opacityVal > 1)
{
opacityVal = 1;
}
}
return new SvgPaint(val, opacityVal);
}
private TPixel? GetNamedColor<TPixel>(string name) where TPixel : struct, IPixel<TPixel>
{
var dict = new Dictionary<string, TPixel>(StringComparer.OrdinalIgnoreCase)
{
["AliceBlue"] = NamedColors<TPixel>.AliceBlue,
["MistyRose"] = NamedColors<TPixel>.MistyRose,
["Moccasin"] = NamedColors<TPixel>.Moccasin,
["NavajoWhite"] = NamedColors<TPixel>.NavajoWhite,
["Navy"] = NamedColors<TPixel>.Navy,
["OldLace"] = NamedColors<TPixel>.OldLace,
["Olive"] = NamedColors<TPixel>.Olive,
["MintCream"] = NamedColors<TPixel>.MintCream,
["OliveDrab"] = NamedColors<TPixel>.OliveDrab,
["OrangeRed"] = NamedColors<TPixel>.OrangeRed,
["Orchid"] = NamedColors<TPixel>.Orchid,
["PaleGoldenrod"] = NamedColors<TPixel>.PaleGoldenrod,
["PaleGreen"] = NamedColors<TPixel>.PaleGreen,
["PaleTurquoise"] = NamedColors<TPixel>.PaleTurquoise,
["PaleVioletRed"] = NamedColors<TPixel>.PaleVioletRed,
["Orange"] = NamedColors<TPixel>.Orange,
["PapayaWhip"] = NamedColors<TPixel>.PapayaWhip,
["MidnightBlue"] = NamedColors<TPixel>.MidnightBlue,
["MediumTurquoise"] = NamedColors<TPixel>.MediumTurquoise,
["LightSteelBlue"] = NamedColors<TPixel>.LightSteelBlue,
["LightYellow"] = NamedColors<TPixel>.LightYellow,
["Lime"] = NamedColors<TPixel>.Lime,
["LimeGreen"] = NamedColors<TPixel>.LimeGreen,
["Linen"] = NamedColors<TPixel>.Linen,
["Magenta"] = NamedColors<TPixel>.Magenta,
["MediumVioletRed"] = NamedColors<TPixel>.MediumVioletRed,
["Maroon"] = NamedColors<TPixel>.Maroon,
["MediumBlue"] = NamedColors<TPixel>.MediumBlue,
["MediumOrchid"] = NamedColors<TPixel>.MediumOrchid,
["MediumPurple"] = NamedColors<TPixel>.MediumPurple,
["MediumSeaGreen"] = NamedColors<TPixel>.MediumSeaGreen,
["MediumSlateBlue"] = NamedColors<TPixel>.MediumSlateBlue,
["MediumSpringGreen"] = NamedColors<TPixel>.MediumSpringGreen,
["MediumAquamarine"] = NamedColors<TPixel>.MediumAquamarine,
["LightSlateGray"] = NamedColors<TPixel>.LightSlateGray,
["PeachPuff"] = NamedColors<TPixel>.PeachPuff,
["Pink"] = NamedColors<TPixel>.Pink,
["SpringGreen"] = NamedColors<TPixel>.SpringGreen,
["SteelBlue"] = NamedColors<TPixel>.SteelBlue,
["Tan"] = NamedColors<TPixel>.Tan,
["Teal"] = NamedColors<TPixel>.Teal,
["Thistle"] = NamedColors<TPixel>.Thistle,
["Tomato"] = NamedColors<TPixel>.Tomato,
["Snow"] = NamedColors<TPixel>.Snow,
["Transparent"] = NamedColors<TPixel>.Transparent,
["Violet"] = NamedColors<TPixel>.Violet,
["Wheat"] = NamedColors<TPixel>.Wheat,
["White"] = NamedColors<TPixel>.White,
["WhiteSmoke"] = NamedColors<TPixel>.WhiteSmoke,
["Yellow"] = NamedColors<TPixel>.Yellow,
["YellowGreen"] = NamedColors<TPixel>.YellowGreen,
["Turquoise"] = NamedColors<TPixel>.Turquoise,
["Peru"] = NamedColors<TPixel>.Peru,
["SlateGray"] = NamedColors<TPixel>.SlateGray,
["SkyBlue"] = NamedColors<TPixel>.SkyBlue,
["Plum"] = NamedColors<TPixel>.Plum,
["PowderBlue"] = NamedColors<TPixel>.PowderBlue,
["Purple"] = NamedColors<TPixel>.Purple,
["RebeccaPurple"] = NamedColors<TPixel>.RebeccaPurple,
["Red"] = NamedColors<TPixel>.Red,
["RosyBrown"] = NamedColors<TPixel>.RosyBrown,
["SlateBlue"] = NamedColors<TPixel>.SlateBlue,
["RoyalBlue"] = NamedColors<TPixel>.RoyalBlue,
["Salmon"] = NamedColors<TPixel>.Salmon,
["SandyBrown"] = NamedColors<TPixel>.SandyBrown,
["SeaGreen"] = NamedColors<TPixel>.SeaGreen,
["SeaShell"] = NamedColors<TPixel>.SeaShell,
["Sienna"] = NamedColors<TPixel>.Sienna,
["Silver"] = NamedColors<TPixel>.Silver,
["SaddleBrown"] = NamedColors<TPixel>.SaddleBrown,
["LightSkyBlue"] = NamedColors<TPixel>.LightSkyBlue,
["LightSeaGreen"] = NamedColors<TPixel>.LightSeaGreen,
["LightSalmon"] = NamedColors<TPixel>.LightSalmon,
["Crimson"] = NamedColors<TPixel>.Crimson,
["Cyan"] = NamedColors<TPixel>.Cyan,
["DarkBlue"] = NamedColors<TPixel>.DarkBlue,
["DarkCyan"] = NamedColors<TPixel>.DarkCyan,
["DarkGoldenrod"] = NamedColors<TPixel>.DarkGoldenrod,
["DarkGray"] = NamedColors<TPixel>.DarkGray,
["Cornsilk"] = NamedColors<TPixel>.Cornsilk,
["DarkGreen"] = NamedColors<TPixel>.DarkGreen,
["DarkMagenta"] = NamedColors<TPixel>.DarkMagenta,
["DarkOliveGreen"] = NamedColors<TPixel>.DarkOliveGreen,
["DarkOrange"] = NamedColors<TPixel>.DarkOrange,
["DarkOrchid"] = NamedColors<TPixel>.DarkOrchid,
["DarkRed"] = NamedColors<TPixel>.DarkRed,
["DarkSalmon"] = NamedColors<TPixel>.DarkSalmon,
["DarkKhaki"] = NamedColors<TPixel>.DarkKhaki,
["DarkSeaGreen"] = NamedColors<TPixel>.DarkSeaGreen,
["CornflowerBlue"] = NamedColors<TPixel>.CornflowerBlue,
["Chocolate"] = NamedColors<TPixel>.Chocolate,
["AntiqueWhite"] = NamedColors<TPixel>.AntiqueWhite,
["Aqua"] = NamedColors<TPixel>.Aqua,
["Aquamarine"] = NamedColors<TPixel>.Aquamarine,
["Azure"] = NamedColors<TPixel>.Azure,
["Beige"] = NamedColors<TPixel>.Beige,
["Bisque"] = NamedColors<TPixel>.Bisque,
["Coral"] = NamedColors<TPixel>.Coral,
["Black"] = NamedColors<TPixel>.Black,
["Blue"] = NamedColors<TPixel>.Blue,
["BlueViolet"] = NamedColors<TPixel>.BlueViolet,
["Brown"] = NamedColors<TPixel>.Brown,
["BurlyWood"] = NamedColors<TPixel>.BurlyWood,
["CadetBlue"] = NamedColors<TPixel>.CadetBlue,
["Chartreuse"] = NamedColors<TPixel>.Chartreuse,
["BlanchedAlmond"] = NamedColors<TPixel>.BlanchedAlmond,
["DarkSlateBlue"] = NamedColors<TPixel>.DarkSlateBlue,
["DarkSlateGray"] = NamedColors<TPixel>.DarkSlateGray,
["DarkTurquoise"] = NamedColors<TPixel>.DarkTurquoise,
["Indigo"] = NamedColors<TPixel>.Indigo,
["Ivory"] = NamedColors<TPixel>.Ivory,
["Khaki"] = NamedColors<TPixel>.Khaki,
["Lavender"] = NamedColors<TPixel>.Lavender,
["LavenderBlush"] = NamedColors<TPixel>.LavenderBlush,
["LawnGreen"] = NamedColors<TPixel>.LawnGreen,
["IndianRed"] = NamedColors<TPixel>.IndianRed,
["LemonChiffon"] = NamedColors<TPixel>.LemonChiffon,
["LightCoral"] = NamedColors<TPixel>.LightCoral,
["LightCyan"] = NamedColors<TPixel>.LightCyan,
["LightGoldenrodYellow"] = NamedColors<TPixel>.LightGoldenrodYellow,
["LightGray"] = NamedColors<TPixel>.LightGray,
["LightGreen"] = NamedColors<TPixel>.LightGreen,
["LightPink"] = NamedColors<TPixel>.LightPink,
["LightBlue"] = NamedColors<TPixel>.LightBlue,
["HotPink"] = NamedColors<TPixel>.HotPink,
["Honeydew"] = NamedColors<TPixel>.Honeydew,
["GreenYellow"] = NamedColors<TPixel>.GreenYellow,
["DarkViolet"] = NamedColors<TPixel>.DarkViolet,
["DeepPink"] = NamedColors<TPixel>.DeepPink,
["DeepSkyBlue"] = NamedColors<TPixel>.DeepSkyBlue,
["DimGray"] = NamedColors<TPixel>.DimGray,
["DodgerBlue"] = NamedColors<TPixel>.DodgerBlue,
["Firebrick"] = NamedColors<TPixel>.Firebrick,
["FloralWhite"] = NamedColors<TPixel>.FloralWhite,
["ForestGreen"] = NamedColors<TPixel>.ForestGreen,
["Fuchsia"] = NamedColors<TPixel>.Fuchsia,
["Gainsboro"] = NamedColors<TPixel>.Gainsboro,
["GhostWhite"] = NamedColors<TPixel>.GhostWhite,
["Gold"] = NamedColors<TPixel>.Gold,
["Goldenrod"] = NamedColors<TPixel>.Goldenrod,
["Gray"] = NamedColors<TPixel>.Gray,
["Green"] = NamedColors<TPixel>.Green,
};
if (dict.TryGetValue(name, out var pixel))
{
return pixel;
}
return null;
}
public IBrush<TPixel> AsBrush<TPixel>() where TPixel : struct, IPixel<TPixel>
{
// lets asume the brush is a color for now
// TODO update ColourBuilder to expose named colors
var value = this.Value;
if (string.IsNullOrWhiteSpace(value) || value.Equals("None", StringComparison.OrdinalIgnoreCase))
{
// if a null prush is returned we should skip
return null;
}
var color = GetNamedColor<TPixel>(Value) ?? ColorBuilder<TPixel>.FromHex(value);
if(Opacity == 0)
{
// no-op push here to efficienty sake
color = NamedColors<TPixel>.Transparent;
} else if (Opacity != 1)
{
var vector = color.ToScaledVector4();
vector.W *= Opacity;
color.FromScaledVector4(vector);
}
return new SolidBrush<TPixel>(color);
}
}
}

127
src/SixLabors.Svg/RenderTree/SvgPath.cs
Просмотреть файл

@ -1,127 +0,0 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;
using SixLabors.Shapes;
namespace SixLabors.Svg.Dom
{
internal sealed class SvgPath : SvgElement, ISvgShape
{
public IPath Path { get; private set; }
public SvgPaint Fill { get; private set; }
public SvgPaint Stroke { get; private set; }
public SvgUnitValue StrokeWidth { get; private set; }
public SvgLineCap StrokeLineCap { get; private set; }
public SvgLineJoin StrokeLineJoin { get; private set; }
public IEnumerable<SvgPathOperation> PathOperations { get; private set; }
public static Task<SvgElement> LoadAsync(ISvgElement element)
{
var path = new SvgPath()
{
Fill = element.GetPaint("fill", "Black", "1"),
Stroke = element.GetPaint("stroke", "None", "1"),
StrokeWidth = element.GetUnitValue("stroke-width", "1"),
StrokeLineCap = element.GetLineCap("stroke-linecap", "butt"),
StrokeLineJoin = element.GetLineJoin("stroke-linejoin", "miter"),
};
if (element.TagName == "line")
{
path.PathOperations = new[] {
SvgPathOperation.MoveTo(element.GetUnitValue("x1", "0"), element.GetUnitValue("y1", "0"), false),
SvgPathOperation.LineTo(element.GetUnitValue("x2", "0"), element.GetUnitValue("y2", "0"), false),
};
}
else if (element.TagName == "polyline" || element.TagName == "polygon")
{
var pathData = element.GetAttributeValueSelfOrGroup("points");
path.PathOperations = ParsePoints(pathData, element.TagName == "polygon");
}
else if (element.TagName == "path")
{
var pathData = element.GetAttributeValueSelfOrGroup("d");
path.PathOperations = SvgPathOperation.Parse(pathData);
}
if (path.PathOperations == null)
{
return Task.FromResult<SvgElement>(null);
}
return Task.FromResult<SvgElement>(path);
}
private static IEnumerable<SvgPathOperation> ParsePoints(string pathData, bool closePath)
{
if (pathData != null && !pathData.Equals("none", System.StringComparison.OrdinalIgnoreCase))
{
var parts = pathData.Split(new[] { ' ', ',' }, StringSplitOptions.RemoveEmptyEntries).Select(x =>
{
if (int.TryParse(x, out var i))
{
return i;
}
else
{ return (int?)null; }
}).Where(x => x != null).Select(x => x.Value).ToArray();
if (parts.Length > 4)
{
var len = parts.Length / 2;
if (closePath)
{
len++;
}
var ops = new SvgPathOperation[len];
ops[0] = SvgPathOperation.MoveTo(new SvgUnitValue(parts[0], SvgUnitValue.Units.undefined), new SvgUnitValue(parts[1], SvgUnitValue.Units.undefined), false);
for (var i = 2; i < parts.Length; i += 2)
{
ops[i / 2] = SvgPathOperation.LineTo(new SvgUnitValue(parts[i], SvgUnitValue.Units.undefined), new SvgUnitValue(parts[i + 1], SvgUnitValue.Units.undefined), false);
}
if (closePath)
{
ops[len - 1] = SvgPathOperation.ClosePath();
}
return ops;
}
}
return null;
}
internal override void RenderTo<TPixel>(Image<TPixel> image)
{
var rect = this.PathOperations.GeneratePath(image);
var fillBrush = Fill.AsBrush<TPixel>();
var strokeBrush = Stroke.AsBrush<TPixel>();
image.Mutate(x =>
{
if (fillBrush != null)
{
x = x.Fill(fillBrush, rect);
}
if (strokeBrush != null)
{
var outline = rect.GenerateStroke(image, this);
if (outline != null)
{
x = x.Fill(strokeBrush, outline);
}
}
});
}
}
}

401
src/SixLabors.Svg/RenderTree/SvgPathOperation.cs
Просмотреть файл

@ -1,401 +0,0 @@
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.Primitives;
using SixLabors.Shapes;
using System;
using System.Collections.Generic;
using System.Linq;
namespace SixLabors.Svg.Dom
{
internal struct SvgPathOperation
{
public Operations Op { get; private set; }
public bool IsRelative { get; private set; }
public SvgUnitValue? X { get; private set; }
public SvgUnitValue? Y { get; private set; }
public SvgUnitValue? X1 { get; private set; }
public SvgUnitValue? Y1 { get; private set; }
public SvgUnitValue? X2 { get; private set; }
public SvgUnitValue? Y2 { get; private set; }
public static IEnumerable<SvgPathOperation> Parse(string path)
{
List<SvgPathOperation> operations = new List<SvgPathOperation>();
char cmd = ' ';
for (var i = 0; i < path.Length; i++)
{
switch (path[i])
{
case 'Z':
case 'z':
{
operations.Add(SvgPathOperation.ClosePath());
}
break;
case 'M':
case 'm':
{
var relative = path[i] == 'm';
if (!TryReadFloat(in path, ref i, out var x) || !TryReadFloat(in path, ref i, out var y))
{
return null;
}
operations.Add(SvgPathOperation.MoveTo(x, y, relative));
while (TryReadFloat(in path, ref i, out x) && TryReadFloat(in path, ref i, out y))
{
operations.Add(SvgPathOperation.LineTo(x, y, relative));
}
}
break;
case 'L':
case 'l':
{
var relative = path[i] == 'l';
while (TryReadFloat(in path, ref i, out var x) && TryReadFloat(in path, ref i, out var y))
{
operations.Add(SvgPathOperation.LineTo(x, y, relative));
}
}
break;
case 'Q':
case 'q':
{
var relative = path[i] == 'q';
while (TryReadFloat(in path, ref i, out var x1) && TryReadFloat(in path, ref i, out var y1)
&& TryReadFloat(in path, ref i, out var x) && TryReadFloat(in path, ref i, out var y))
{
operations.Add(SvgPathOperation.QuadraticTo(x1, y1, x, y, relative));
}
}
break;
case 'T':
case 't':
{
var relative = path[i] == 't';
while (TryReadFloat(in path, ref i, out var x) && TryReadFloat(in path, ref i, out var y))
{
SvgUnitValue x1;
SvgUnitValue y1;
var last = operations.Last();
if (last.Op != Operations.QuadraticTo)
{
x1 = last.X.Value;
y1 = last.Y.Value;
}
else
{
x1 = new SvgUnitValue(last.X.Value.Value + (last.X.Value.Value - last.X1.Value.Value), SvgUnitValue.Units.undefined);
y1 = new SvgUnitValue(last.Y.Value.Value + (last.Y.Value.Value - last.Y1.Value.Value), SvgUnitValue.Units.undefined);
}
operations.Add(SvgPathOperation.QuadraticTo(x1, y1, x, y, relative));
}
}
break;
case 'C':
case 'c':
{
var relative = path[i] == 'c';
while (TryReadFloat(in path, ref i, out var x1) && TryReadFloat(in path, ref i, out var y1)
&& TryReadFloat(in path, ref i, out var x2) && TryReadFloat(in path, ref i, out var y2)
&& TryReadFloat(in path, ref i, out var x) && TryReadFloat(in path, ref i, out var y))
{
operations.Add(SvgPathOperation.CubicTo(x1, y1, x2, y2, x, y, relative));
}
}
break;
case 'S':
case 's':
{
var relative = path[i] == 's';
while (TryReadFloat(in path, ref i, out var x) && TryReadFloat(in path, ref i, out var y)
&& TryReadFloat(in path, ref i, out var x2) && TryReadFloat(in path, ref i, out var y2))
{
SvgUnitValue x1;
SvgUnitValue y1;
var last = operations.Last();
if (last.Op != Operations.CubicTo)
{
x1 = last.X.Value;
y1 = last.Y.Value;
}
else
{
x1 = new SvgUnitValue(last.X.Value.Value + (last.X.Value.Value - last.X2.Value.Value), SvgUnitValue.Units.undefined);
y1 = new SvgUnitValue(last.Y.Value.Value + (last.Y.Value.Value - last.Y2.Value.Value), SvgUnitValue.Units.undefined);
}
operations.Add(SvgPathOperation.CubicTo(x1, y1, x2, y2, x, y, relative));
}
}
break;
default:
if (char.IsWhiteSpace(path[i]) || path[i] == ',' || path[i] == ' ')
{
continue;
}
else
{
return null;
}
}
}
return operations;
}
private static bool TryReadFloat(in string str, ref int position, out SvgUnitValue value)
{
// look for the first character that can be ins float
int floatStart = 0;
for (position++; position < str.Length; position++)
{
if (floatStart == 0)
{
if (char.IsWhiteSpace(str[position]) || str[position] == ',')
{
continue;
}
// we can skip 'whitespace'
}
if (char.IsDigit(str[position]) || (str[position] == '-' && floatStart == 0) || str[position] == '.')
{
if (floatStart == 0) { floatStart = position; }
}
else
{
position--;
break;
}
}
if (floatStart == 0)
{
value = SvgUnitValue.Unset;
return false;
}
if (position == str.Length)
{
value = new SvgUnitValue(float.Parse(str.Substring(floatStart)), SvgUnitValue.Units.undefined);
}
else
{
value = new SvgUnitValue(float.Parse(str.Substring(floatStart, position - floatStart + 1)), SvgUnitValue.Units.undefined);
}
return true;
}
public enum Operations
{
MoveTo,
LineTo,
ClosePath,
QuadraticTo,
CubicTo
}
private static SvgPathOperation CubicTo(SvgUnitValue x1, SvgUnitValue y1, SvgUnitValue x2, SvgUnitValue y2, SvgUnitValue x, SvgUnitValue y, bool relative)
{
return new SvgPathOperation()
{
IsRelative = relative,
Op = Operations.CubicTo,
X = x,
Y = y,
X1 = x1,
Y1 = y1,
X2 = x2,
Y2 = y2
};
}
private static SvgPathOperation QuadraticTo(SvgUnitValue x1, SvgUnitValue y1, SvgUnitValue x, SvgUnitValue y, bool relative)
{
return new SvgPathOperation()
{
IsRelative = relative,
Op = Operations.QuadraticTo,
X = x,
Y = y,
X1 = x1,
Y1 = y1
};
}
public static SvgPathOperation MoveTo(SvgUnitValue x, SvgUnitValue y, bool relative)
{
return new SvgPathOperation()
{
IsRelative = relative,
Op = Operations.MoveTo,
X = x,
Y = y
};
}
public static SvgPathOperation LineTo(SvgUnitValue x, SvgUnitValue y, bool relative)
{
return new SvgPathOperation()
{
IsRelative = relative,
Op = Operations.LineTo,
X = x,
Y = y
};
}
internal static SvgPathOperation ClosePath()
{
return new SvgPathOperation()
{
Op = Operations.ClosePath,
};
}
}
internal static class SvgPathOperationExtensions
{
private static PointF Point<TPixel>(Image<TPixel> img, PointF currentPoint, SvgUnitValue x, SvgUnitValue y) where TPixel : struct, IPixel<TPixel>
{
var p = new PointF(x.AsPixelXAxis(img), y.AsPixelYAxis(img));
return currentPoint + p;
}
public static PointF PointMain<TPixel>(this SvgPathOperation operation, Image<TPixel> img, PointF currentPoint) where TPixel : struct, IPixel<TPixel>
{
return Point(img, operation.IsRelative ? currentPoint : default, operation.X.Value, operation.Y.Value);
}
public static PointF Point1<TPixel>(this SvgPathOperation operation, Image<TPixel> img, PointF currentPoint) where TPixel : struct, IPixel<TPixel>
{
return Point(img, operation.IsRelative ? currentPoint : default, operation.X1.Value, operation.Y1.Value);
}
public static PointF Point2<TPixel>(this SvgPathOperation operation, Image<TPixel> img, PointF currentPoint) where TPixel : struct, IPixel<TPixel>
{
return Point(img, operation.IsRelative ? currentPoint : default, operation.X2.Value, operation.Y2.Value);
}
public static IPath GeneratePath<TPixel>(this IEnumerable<SvgPathOperation> operations, Image<TPixel> img) where TPixel : struct, IPixel<TPixel>
{
var pb = new PathRenderer();
foreach (var op in operations)
{
switch (op.Op)
{
case SvgPathOperation.Operations.MoveTo:
pb.MoveTo(op.PointMain(img, pb.CurrentPoint));
break;
case SvgPathOperation.Operations.LineTo:
pb.LineTo(op.PointMain(img, pb.CurrentPoint));
break;
case SvgPathOperation.Operations.QuadraticTo:
pb.QuadraticBezierTo(op.Point1(img, pb.CurrentPoint), op.PointMain(img, pb.CurrentPoint));
break;
case SvgPathOperation.Operations.CubicTo:
pb.CubicBezierTo(op.Point1(img, pb.CurrentPoint), op.Point2(img, pb.CurrentPoint), op.PointMain(img, pb.CurrentPoint));
break;
case SvgPathOperation.Operations.ClosePath:
pb.Close();
break;
default:
break;
}
}
return pb.Path();
}
internal class PathRenderer
{
/// <summary>
/// The builder. TODO: Should this be a property?
/// </summary>
// ReSharper disable once InconsistentNaming
private readonly PathBuilder builder;
private readonly List<IPath> paths = new List<IPath>();
private PointF currentPoint = default(PointF);
private PointF initalPoint = default(PointF);
public PointF CurrentPoint => currentPoint;
public PointF InitalPoint => initalPoint;
/// <summary>
/// Initializes a new instance of the <see cref="BaseGlyphBuilder"/> class.
/// </summary>
public PathRenderer()
{
// glyphs are renderd realative to bottom left so invert the Y axis to allow it to render on top left origin surface
this.builder = new PathBuilder();
}
/// <summary>
/// Gets the paths that have been rendered by this.
/// </summary>
public IPath Path()
{
return this.builder.Build();
}
/// <summary>
/// Draws a cubic bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="thirdControlPoint">The third control point.</param>
/// <param name="point">The point.</param>
public void CubicBezierTo(PointF secondControlPoint, PointF thirdControlPoint, PointF point)
{
this.builder.AddBezier(this.currentPoint, secondControlPoint, thirdControlPoint, point);
this.currentPoint = point;
}
/// <summary>
/// Draws a line from the current point to the <paramref name="point"/>.
/// </summary>
/// <param name="point">The point.</param>
public void LineTo(PointF point)
{
this.builder.AddLine(this.currentPoint, point);
this.currentPoint = point;
}
/// <summary>
/// Moves to current point to the supplied vector.
/// </summary>
/// <param name="point">The point.</param>
public void MoveTo(PointF point)
{
this.builder.StartFigure();
this.currentPoint = point;
this.initalPoint = point;
}
/// <summary>
/// Draws a quadratics bezier from the current point to the <paramref name="point"/>
/// </summary>
/// <param name="secondControlPoint">The second control point.</param>
/// <param name="point">The point.</param>
public void QuadraticBezierTo(PointF secondControlPoint, PointF point)
{
this.builder.AddBezier(this.currentPoint, secondControlPoint, point);
this.currentPoint = point;
}
internal void Close()
{
this.LineTo(initalPoint);
//this.builder.CloseFigure();
//this.currentPoint = this.initalPoint;
}
}
}
}

106
src/SixLabors.Svg/RenderTree/SvgRect.cs
Просмотреть файл

@ -1,106 +0,0 @@
using System;
using System.Numerics;
using System.Threading.Tasks;
using AngleSharp.Svg.Dom;
using AngleSharp.Css.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;
using SixLabors.Shapes;
namespace SixLabors.Svg.Dom
{
internal sealed class SvgRect : SvgElement, ISvgShape
{
public SvgUnitValue X { get; private set; }
public SvgUnitValue Y { get; private set; }
public SvgUnitValue Width { get; private set; }
public SvgUnitValue Height { get; private set; }
public SvgPaint Fill { get; private set; }
public SvgPaint Stroke { get; private set; }
public SvgLineCap StrokeLineCap { get; private set; }
public SvgLineJoin StrokeLineJoin { get; private set; }
public SvgUnitValue StrokeWidth { get; private set; }
public SvgUnitValue RadiusX { get; private set; }
public SvgUnitValue RadiusY { get; private set; }
public static Task<SvgElement> LoadAsync(ISvgElement element)
{
var rx = element.TryGetUnitValue("rx");
var ry = element.TryGetUnitValue("ry");
return Task.FromResult<SvgElement>(new SvgRect()
{
Fill = element.GetPaint("fill", "Black", "1"),
Stroke = element.GetPaint("stroke", "None", "1"),
StrokeWidth = element.GetUnitValue("stroke-width", "1"),
StrokeLineCap = element.GetLineCap("stroke-linecap", "butt"),
StrokeLineJoin = element.GetLineJoin("stroke-linejoin", "miter"),
X = element.GetUnitValue("x"),
Y = element.GetUnitValue("y"),
RadiusX = rx ?? ry ?? SvgUnitValue.Zero,
RadiusY = ry ?? rx ?? SvgUnitValue.Zero,
Width = element.GetUnitValue("width"),
Height = element.GetUnitValue("height")
});
}
internal override void RenderTo<TPixel>(Image<TPixel> image)
{
IPath rect = new SixLabors.Shapes.RectangularPolygon(X.AsPixelXAxis(image), Y.AsPixelYAxis(image), Width.AsPixelXAxis(image), Height.AsPixelXAxis(image));
var rx = RadiusX.AsPixelXAxis(image);
var ry = RadiusY.AsPixelXAxis(image);
if (rx > 0 && ry > 0)
{
rect = MakeRounded(rect, rx, ry);
}
var fillBrush = Fill.AsBrush<TPixel>();
var strokeBrush = Stroke.AsBrush<TPixel>();
image.Mutate(x =>
{
if (fillBrush != null)
{
x = x.Fill(fillBrush, rect);
}
if (strokeBrush != null)
{
var outline = rect.GenerateStroke(image, this);
if (outline != null)
{
x = x.Fill(strokeBrush, outline);
}
}
});
}
private IPath MakeRounded(IPath path, float rx, float ry)
{
return path.Clip(BuildCorners(path.Bounds.Width, path.Bounds.Height, rx, ry).Translate(path.Bounds.Location));
}
public static IPathCollection BuildCorners(float imageWidth, float imageHeight, float cornerRadiusX, float cornerRadiusY)
{
// first create a square
var rect = new RectangularPolygon(0, 0, cornerRadiusX, cornerRadiusY);
// then cut out of the square a circle so we are left with a corner
IPath cornerToptLeft = rect.Clip(new EllipsePolygon(cornerRadiusX, cornerRadiusY, cornerRadiusX * 2, cornerRadiusY * 2));
// corner is now a corner shape positions top left
//lets make 3 more positioned correctly, we can do that by translating the orgional artound the center of the image
var center = new Vector2(imageWidth / 2F, imageHeight / 2F);
float rightPos = imageWidth - cornerToptLeft.Bounds.Width ;
float bottomPos = imageHeight - cornerToptLeft.Bounds.Height ;
// move it across the widthof the image - the width of the shape
IPath cornerTopRight = cornerToptLeft.RotateDegree(90).Translate(rightPos, 0);
IPath cornerBottomLeft = cornerToptLeft.RotateDegree(-90).Translate(0, bottomPos);
IPath cornerBottomRight = cornerToptLeft.RotateDegree(180).Translate(rightPos, bottomPos);
return new PathCollection(cornerToptLeft, cornerBottomLeft, cornerTopRight, cornerBottomRight);
}
}
}

195
src/SixLabors.Svg/RenderTree/SvgUnitValue.cs
Просмотреть файл

@ -1,195 +0,0 @@
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.Shapes;
using System;
using System.Linq;
using System.Reflection;
namespace SixLabors.Svg.Dom
{
internal struct SvgUnitValue
{
public static readonly SvgUnitValue Unset = default(SvgUnitValue);
public static readonly SvgUnitValue Zero = new SvgUnitValue(0, Units.undefined);
public static readonly SvgUnitValue One = new SvgUnitValue(1, Units.undefined);
public bool IsSet { get; }
public float Value { get; }
public Units Unit { get; }
public SvgUnitValue(float value, Units unit)
{
IsSet = true;
Value = value;
Unit = unit;
}
public float AsPixelXAxis<TPixel>(Image<TPixel> img) where TPixel : struct, IPixel<TPixel>
{
return AsPixel((float)img.MetaData.HorizontalResolution, img.Width);
}
public float AsPixelYAxis<TPixel>(Image<TPixel> img) where TPixel : struct, IPixel<TPixel>
{
return AsPixel((float)img.MetaData.VerticalResolution, img.Height);
}
public float AsPixel(float dpi, float maxAxis = 0)
{
switch (Unit)
{
case Units.undefined:
return Value;
break;
case Units.px:
return Value;
case Units.cm:
return (float)(dpi / 2.54) * Value;
case Units.mm:
return (float)(dpi / 2.54) * Value / 10;
case Units.pt:
return dpi / 72 * Value;
case Units.pc:
return dpi / 6 * Value;
break;
case Units.inches:
return Value * dpi;
case Units.percent:
return (Value / 100) * maxAxis;
case Units.em:
case Units.ex:
default:
return Value;
}
}
public static SvgUnitValue? Parse(string val)
{
val = val?.Trim() ?? "";
if (!string.IsNullOrWhiteSpace(val))
{
var valNum = val;
Units unitType = Units.undefined;
if (val.EndsWith("%"))
{
unitType = Units.percent;
valNum = val.TrimEnd('%');
}
else
{
if (val.Length > 2)
{
var unit = val.Substring(val.Length - 2);
if (unit == "in")
{
unitType = Units.inches;
}
else
if (!Enum.TryParse(unit, true, out unitType) || !Enum.IsDefined(typeof(Units), unitType))
{
unitType = Units.undefined;
}
if (unitType != Units.undefined)
{
valNum = valNum.Substring(0, val.Length - 2);
}
}
}
float finalVal = 0;
if (float.TryParse(valNum, out finalVal))
{
return new SvgUnitValue(finalVal, unitType);
}
}
return null;
}
public enum Units
{
undefined,
percent,
px,
cm,
mm,
em,
ex,
pt,
pc,
inches, // in
}
}
internal struct SvgLineCap
{
public static readonly SvgLineCap Unset = default(SvgLineCap);
public static readonly SvgLineCap Butt = new SvgLineCap(EndCapStyle.Butt);
public static readonly SvgLineCap Round = new SvgLineCap(EndCapStyle.Round);
public static readonly SvgLineCap Square = new SvgLineCap(EndCapStyle.Square);
public bool IsSet { get; }
public EndCapStyle Style { get; private set; }
public SvgLineCap(EndCapStyle style)
{
this.IsSet = true;
this.Style = style;
}
public static SvgLineCap? Parse(string val)
{
val = (val?.Trim().ToLower() ?? "");
switch (val)
{
case "butt":
return SvgLineCap.Butt;
case "round":
return SvgLineCap.Round;
case "square":
return SvgLineCap.Square;
default:
return null;
}
}
}
internal struct SvgLineJoin
{
public static readonly SvgLineJoin Unset = default(SvgLineJoin);
public static readonly SvgLineJoin Miter = new SvgLineJoin(JointStyle.Miter);
public static readonly SvgLineJoin Round = new SvgLineJoin(JointStyle.Round);
public static readonly SvgLineJoin Square = new SvgLineJoin(JointStyle.Square);
public bool IsSet { get; }
public JointStyle Style { get; private set; }
public SvgLineJoin(JointStyle style)
{
this.IsSet = true;
this.Style = style;
}
public static SvgLineJoin? Parse(string val)
{
val = (val?.Trim().ToLower() ?? "");
switch (val)
{
case "miter":
return SvgLineJoin.Miter;
case "round":
return SvgLineJoin.Round;
case "bevel":
return SvgLineJoin.Square;
default:
return null;
}
}
}
}

199
src/SixLabors.Svg/Shapes/ArcLineSegment.cs Normal file
Просмотреть файл

@ -0,0 +1,199 @@
using SixLabors.Primitives;
using SixLabors.Shapes;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Numerics;
using System.Text;
namespace SixLabors.Svg.Shapes
{
public class ArcLineSegemnt : SixLabors.Shapes.ILineSegment
{
private ILineSegment[] innerSegments;
public ArcLineSegemnt(PointF from, PointF to, SizeF radius, float angle, bool largeArcFlag, bool sweepFlag)
{
innerSegments = EllipticArcToBezierCurve(from, to, radius, angle, largeArcFlag, sweepFlag).ToArray();
}
private ArcLineSegemnt()
{ }
public PointF EndPoint => this.innerSegments.Last().EndPoint;
public IReadOnlyList<PointF> Flatten()
{
return this.innerSegments.SelectMany(x => x.Flatten()).ToList();
}
public ILineSegment Transform(Matrix3x2 matrix)
{
return new ArcLineSegemnt()
{
innerSegments = this.innerSegments.Select(x => x.Transform(matrix)).ToArray()
};
}
const float _zeroTolerance = 1e-05f;
static bool EllipticArcOutOfRange(Vector2 from, Vector2 to, Vector2 absRadius)
{
//F.6.2 Out-of-range parameters
var len = (to - from).LengthSquared();
if (len < _zeroTolerance)
return true;
if (absRadius.X < _zeroTolerance || absRadius.Y < _zeroTolerance)
return true;
return false;
}
static IEnumerable<ILineSegment> EllipticArcToBezierCurve(PointF from, PointF to, SizeF radius, float angle, bool largeArcFlag, bool sweepFlag)
{
Vector2 radiusVecotr = Vector2.Abs(radius);
if (EllipticArcOutOfRange(from, to, radius))
{
return new[] { new LinearLineSegment(from, to) };
}
else
{
var xAngle = angle;
EndpointToCenterArcParams(from, to, ref radiusVecotr, xAngle,
largeArcFlag, sweepFlag,
out var center, out var angles);
return EllipticArcToBezierCurveInner(from, center, radius, xAngle, angles.X, angles.Y);
}
}
static Vector2 EllipticArcPoint(Vector2 c, Vector2 r, float xAngle, float t)
{
return new Vector2(
(float)(c.X + r.X * Math.Cos(xAngle) * Math.Cos(t) - r.Y * Math.Sin(xAngle) * Math.Sin(t)),
(float)(c.Y + r.X * Math.Sin(xAngle) * Math.Cos(t) + r.Y * Math.Cos(xAngle) * Math.Sin(t)));
}
static Vector2 EllipticArcDerivative(Vector2 c, Vector2 r, float xAngle, float t)
{
return new Vector2(
(float)(-r.X * Math.Cos(xAngle) * Math.Sin(t) - r.Y * Math.Sin(xAngle) * Math.Cos(t)),
(float)(-r.X * Math.Sin(xAngle) * Math.Sin(t) + r.Y * Math.Cos(xAngle) * Math.Cos(t)));
}
static IEnumerable<ILineSegment> EllipticArcToBezierCurveInner(Vector2 from, Vector2 center, Vector2 radius, float xAngle, float startAngle, float deltaAngle)
{
var s = startAngle;
var e = s + deltaAngle;
bool neg = e < s;
float sign = neg ? -1 : 1;
var remain = Math.Abs(e - s);
var prev = EllipticArcPoint(center, radius, xAngle, s);
while (remain > _zeroTolerance)
{
float step = (float)Math.Min(remain, Math.PI / 4);
var signStep = step * sign;
var p1 = prev;
var p2 = EllipticArcPoint(center, radius, xAngle, s + signStep);
float alphaT = (float)Math.Tan(signStep / 2);
float alpha = (float)(Math.Sin(signStep) * (Math.Sqrt(4 + 3 * alphaT * alphaT) - 1) / 3);
var q1 = p1 + alpha * EllipticArcDerivative(center, radius, xAngle, s);
var q2 = p2 - alpha * EllipticArcDerivative(center, radius, xAngle, s + signStep);
yield return new CubicBezierLineSegment(from, q1, q2, p2);
from = p2;
s += signStep;
remain -= step;
prev = p2;
}
}
internal static void EndpointToCenterArcParams(Vector2 p1, Vector2 p2, ref Vector2 r_, float xAngle,
bool flagA, bool flagS, out Vector2 c, out Vector2 angles)
{
double rX = Math.Abs(r_.X);
double rY = Math.Abs(r_.Y);
//(F.6.5.1)
double dx2 = (p1.X - p2.X) / 2.0;
double dy2 = (p1.Y - p2.Y) / 2.0;
double x1p = Math.Cos(xAngle) * dx2 + Math.Sin(xAngle) * dy2;
double y1p = -Math.Sin(xAngle) * dx2 + Math.Cos(xAngle) * dy2;
//(F.6.5.2)
double rxs = rX * rX;
double rys = rY * rY;
double x1ps = x1p * x1p;
double y1ps = y1p * y1p;
// check if the radius is too small `pq < 0`, when `dq > rxs * rys` (see below)
// cr is the ratio (dq : rxs * rys)
double cr = x1ps / rxs + y1ps / rys;
if (cr > 1)
{
//scale up rX,rY equally so cr == 1
var s = Math.Sqrt(cr);
rX = s * rX;
rY = s * rY;
rxs = rX * rX;
rys = rY * rY;
}
double dq = (rxs * y1ps + rys * x1ps);
double pq = (rxs * rys - dq) / dq;
double q = Math.Sqrt(Math.Max(0, pq)); //use Max to account for float precision
if (flagA == flagS)
q = -q;
double cxp = q * rX * y1p / rY;
double cyp = -q * rY * x1p / rX;
//(F.6.5.3)
double cx = Math.Cos(xAngle) * cxp - Math.Sin(xAngle) * cyp + (p1.X + p2.X) / 2;
double cy = Math.Sin(xAngle) * cxp + Math.Cos(xAngle) * cyp + (p1.Y + p2.Y) / 2;
//(F.6.5.5)
double theta = svgAngle(1, 0, (x1p - cxp) / rX, (y1p - cyp) / rY);
//(F.6.5.6)
double delta = svgAngle(
(x1p - cxp) / rX, (y1p - cyp) / rY,
(-x1p - cxp) / rX, (-y1p - cyp) / rY);
delta = delta % (Math.PI * 2);
if (!flagS)
{
delta -= 2 * Math.PI;
}
r_ = new Vector2((float)rX, (float)rY);
c = new Vector2((float)cx, (float)cy);
angles = new Vector2((float)theta, (float)delta);
}
static float Clamp(float val, float min, float max)
{
if (val < min) return min;
else if (val > max) return max;
else return val;
}
static float svgAngle(double ux, double uy, double vx, double vy)
{
var u = new Vector2((float)ux, (float)uy);
var v = new Vector2((float)vx, (float)vy);
//(F.6.5.4)
var dot = Vector2.Dot(u, v);
var len = u.Length() * v.Length();
var ang = (float)Math.Acos(Clamp(dot / len, -1, 1)); //floating point precision, slightly over values appear
if ((u.X * v.Y - u.Y * v.X) < 0)
{
ang = -ang;
}
return ang;
}
}
}

101
src/SixLabors.Svg/Shapes/RoundedRect.cs Normal file
Просмотреть файл

@ -0,0 +1,101 @@
using SixLabors.Primitives;
using SixLabors.Shapes;
using System;
using System.Collections.Generic;
using System.Numerics;
using System.Text;
namespace SixLabors.Svg.Shapes
{
public class RoundedRect : IPath
{
private IPath innerPath;
public RoundedRect(float x, float y, float width, float height, float rx, float ry)
{
IPath rect = new SixLabors.Shapes.RectangularPolygon(x, y, width, height);
if (rx > 0 && ry > 0)
{
rect = MakeRounded(rect, rx, ry);
}
innerPath = rect;
}
private static IPath MakeRounded(IPath path, float rx, float ry)
{
return path.Clip(BuildCorners(path.Bounds.Width, path.Bounds.Height, rx, ry).Translate(path.Bounds.Location));
}
private static IPathCollection BuildCorners(float imageWidth, float imageHeight, float cornerRadiusX, float cornerRadiusY)
{
// first create a square
var rect = new RectangularPolygon(0, 0, cornerRadiusX, cornerRadiusY);
// then cut out of the square a circle so we are left with a corner
IPath cornerToptLeft = rect.Clip(new EllipsePolygon(cornerRadiusX, cornerRadiusY, cornerRadiusX * 2, cornerRadiusY * 2));
// corner is now a corner shape positions top left
//lets make 3 more positioned correctly, we can do that by translating the orgional artound the center of the image
var center = new Vector2(imageWidth / 2F, imageHeight / 2F);
float rightPos = imageWidth - cornerToptLeft.Bounds.Width;
float bottomPos = imageHeight - cornerToptLeft.Bounds.Height;
// move it across the widthof the image - the width of the shape
IPath cornerTopRight = cornerToptLeft.RotateDegree(90).Translate(rightPos, 0);
IPath cornerBottomLeft = cornerToptLeft.RotateDegree(-90).Translate(0, bottomPos);
IPath cornerBottomRight = cornerToptLeft.RotateDegree(180).Translate(rightPos, bottomPos);
return new PathCollection(cornerToptLeft, cornerBottomLeft, cornerTopRight, cornerBottomRight);
}
public PathTypes PathType => this.innerPath.PathType;
public RectangleF Bounds => this.innerPath.Bounds;
public int MaxIntersections => this.innerPath.MaxIntersections;
public float Length => this.innerPath.Length;
public IPath AsClosedPath()
{
return this.innerPath.AsClosedPath();
}
public bool Contains(PointF point)
{
return this.innerPath.Contains(point);
}
public PointInfo Distance(PointF point)
{
return this.innerPath.Distance(point);
}
public int FindIntersections(PointF start, PointF end, PointF[] buffer, int offset)
{
return this.innerPath.FindIntersections(start, end, buffer, offset);
}
public int FindIntersections(PointF start, PointF end, Span<PointF> buffer)
{
return this.innerPath.FindIntersections(start, end, buffer);
}
public IEnumerable<ISimplePath> Flatten()
{
return this.innerPath.Flatten();
}
public SegmentInfo PointAlongPath(float distanceAlongPath)
{
return this.innerPath.PointAlongPath(distanceAlongPath);
}
public IPath Transform(Matrix3x2 matrix)
{
return this.innerPath.Transform(matrix);
}
}
}

7
src/SixLabors.Svg/SixLabors.Svg.csproj → src/SixLabors.Svg/SixLabors.ImageSharp.Svg.csproj
Просмотреть файл

@ -6,10 +6,13 @@
</PropertyGroup>
<ItemGroup>
<PackageReference Include="AngleSharp" Version="0.10.1" />
<PackageReference Include="AngleSharp.Css" Version="0.10.0" />
<PackageReference Include="SixLabors.ImageSharp.Drawing" Version="1.0.0-dev002362" />
<PackageReference Include="SixLabors.Shapes" Version="1.0.0-dev000112" />
<PackageReference Include="SixLabors.Shapes.Text" Version="1.0.0-dev000112" />
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\..\external\SVGSharpie\SVGSharpie.Svg\SVGSharpie.csproj" />
</ItemGroup>
</Project>

77
src/SixLabors.Svg/SvgImage.Load.cs
Просмотреть файл

@ -2,73 +2,48 @@
using System.IO;
using System.Linq;
using System.Threading.Tasks;
using AngleSharp;
using AngleSharp.Dom;
using AngleSharp.Css;
using SixLabors.Svg.Dom;
using AngleSharp.Io;
using AngleSharp.Svg.Dom;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.PixelFormats;
using Configuration = AngleSharp.Configuration;
using SixLabors.ImageSharp.Processing;
namespace SixLabors.Svg
namespace SixLabors.ImageSharp.Formats.Svg
{
public static class SvgImage
public static class SvgImageRenderer
{
public static Task<Image<TPixel>> LoadFromFileAsync<TPixel>(string path)
public static Image<TPixel> LoadFromString<TPixel>(string content)
where TPixel : struct, IPixel<TPixel>
=> LoadFromStringInner<TPixel>(content, null, null);
public static Image<TPixel> LoadFromString<TPixel>(string content, int width, int height)
where TPixel : struct, IPixel<TPixel>
=> LoadFromStringInner<TPixel>(content, width, height);
private static Image<TPixel> LoadFromStringInner<TPixel>(string content, int? targetWidth, int? targetHeight)
where TPixel : struct, IPixel<TPixel>
{
var content = File.ReadAllText(path);
return LoadFromAsync<TPixel>(content, false);
}
var doc = SVGSharpie.SvgDocument.Parse(content);
public static Task<Image<TPixel>> LoadFromStringAsync<TPixel>(string content)
where TPixel : struct, IPixel<TPixel>
{
return LoadFromAsync<TPixel>(content, false);
}
float? width = targetWidth ?? doc.RootElement.Width ?? doc.RootElement.ViewWidth;
float? height = targetHeight ?? doc.RootElement.Height ?? doc.RootElement.ViewWidth;
public static Task<Image<TPixel>> LoadFromUrlAsync<TPixel>(Uri url)
where TPixel : struct, IPixel<TPixel>
{
return LoadFromAsync<TPixel>(url.ToString(), true);
}
public static async Task<Image<TPixel>> LoadFromAsync<TPixel>(string content, bool isUrl)
where TPixel : struct, IPixel<TPixel>
{
var config = Configuration.Default.WithDefaultLoader();
var context = BrowsingContext.New(config);
IDocument doc;
if (isUrl)
if (!width.HasValue || !height.HasValue)
{
doc = await context.OpenAsync(content);
}
else
{
doc = await context.OpenAsync(res =>
{
res.Content(content);
res.Header(HeaderNames.ContentType, "image/svg+xml");
});
throw new Exception("Svg does not specify a size set one.");
}
var svgElement = doc as ISvgDocument;
var image = new Image<TPixel>((int)Math.Ceiling(width.Value), (int)Math.Ceiling(height.Value));
if (svgElement == null)
image.Mutate(x =>
{
throw new Exception("Failed to load document");
}
var dom = await SvgDocument.LoadAsync(svgElement.DocumentElement as ISvgElement);
return dom.Generate<TPixel>(new RenderOptions
{
Dpi = 96
var renderer = new SvgDocumentRenderer<TPixel>(image.Size(), x);
doc.RootElement.Accept(renderer);
});
return image;
}
}
}

2
tests/SixLabors.Svg.Tests/SixLabors.Svg.Tests.csproj
Просмотреть файл

@ -12,7 +12,7 @@
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\..\src\SixLabors.Svg\SixLabors.Svg.csproj" />
<ProjectReference Include="..\..\src\SixLabors.Svg\SixLabors.ImageSharp.Svg.csproj" />
</ItemGroup>
<ItemGroup>