This repository has no description
♻️ Construct our own SVG trees (#61)
author
Gwenn Le Bihan
committer
GitHub
date
(Oct 24, 2025, 1:12 AM +0200)
commit
edbe6fbd
edbe6fbddfccf9cc428ecb7e8a2e86b7c2e5bf78
parent
06bf9780
06bf978074a0452b09baaf7f2783397b9ccf972e
+783
-616
+1
-7
Cargo.lock
+1
-7
Cargo.lock
···
4573
4573
"ndarray",
4574
4574
"nih_plug",
4575
4575
"once_cell",
4576
+
"quick-xml",
4576
4577
"rand 0.9.2",
4577
4578
"rayon",
4578
4579
"resvg",
···
4584
4585
"slug",
4585
4586
"strum",
4586
4587
"strum_macros",
4587
-
"svg",
4588
4588
"tiny-skia",
4589
4589
"tokio",
4590
4590
"toml 0.9.8",
···
4812
4812
version = "3.0.0"
4813
4813
source = "registry+https://github.com/rust-lang/crates.io-index"
4814
4814
checksum = "b7401a30af6cb5818bb64852270bb722533397edcfc7344954a38f420819ece2"
4815
-
4816
-
[[package]]
4817
-
name = "svg"
4818
-
version = "0.18.0"
4819
-
source = "registry+https://github.com/rust-lang/crates.io-index"
4820
-
checksum = "94afda9cd163c04f6bee8b4bf2501c91548deae308373c436f36aeff3cf3c4a3"
4821
4815
4822
4816
[[package]]
4823
4817
name = "svgtypes"
+1
-1
Cargo.toml
+1
-1
Cargo.toml
···
68
68
] }
69
69
serde_cbor = "0.11.2"
70
70
serde_json = "1.0.145"
71
-
svg = "0.18.0"
72
71
wasm-bindgen = { version = "0.2.104", optional = true }
73
72
getrandom = { version = "0.2", features = ["js"] }
74
73
web-sys = { version = "0.3.81", optional = true, features = [
···
107
106
url = "2.5.7"
108
107
tungstenite = { version = "0.28.0", optional = true }
109
108
axum = { version = "0.8.6", optional = true, features = ["json"] }
109
+
quick-xml = "0.38.3"
110
110
111
111
112
112
[dev-dependencies]
+193
-320
examples/dna-analysis-machine/src/snapshots/dna_analysis_machine__artwork.snap
+193
-320
examples/dna-analysis-machine/src/snapshots/dna_analysis_machine__artwork.snap
···
5
5
<svg height="470" viewBox="-10 -10 820 470" width="820" xmlns="http://www.w3.org/2000/svg">
6
6
<rect fill="#000000" height="470" width="820" x="-10" y="-10"/>
7
7
<g class="layer" data-layer="hatches">
8
-
<rect data-object="hatches--anon-0" height="50" style="fill: url(#pattern-hatched-45deg-white-0.5-0.25);" width="50" x="50" y="50"/>
9
-
<rect data-object="hatches--anon-1" height="50" style="fill: url(#pattern-hatched-45deg-white-0.6-0.25);" width="50" x="100" y="50"/>
8
+
<rect data-object="hatches--anon-0" height="50" width="50" x="50" y="50" style="fill: url(#pattern-hatched-45deg-white-0.5-0.25);"/>
9
+
<rect data-object="hatches--anon-1" height="50" width="50" x="100" y="50" style="fill: url(#pattern-hatched-45deg-white-0.6-0.25);"/>
10
10
<circle cx="575" cy="75" data-object="hatches--anon-10" r="25" style="fill: url(#pattern-hatched-45deg-white-1.5-0.25);"/>
11
11
<circle cx="625" cy="75" data-object="hatches--anon-11" r="25" style="fill: url(#pattern-hatched-45deg-white-1.6-0.25);"/>
12
-
<rect data-object="hatches--anon-12" height="50" style="fill: url(#pattern-hatched-45deg-white-1.7-0.25);" width="50" x="650" y="50"/>
13
-
<rect data-object="hatches--anon-13" height="50" style="fill: url(#pattern-hatched-45deg-white-1.8-0.25);" width="50" x="700" y="50"/>
14
-
<rect data-object="hatches--anon-14" height="50" style="fill: url(#pattern-hatched-45deg-white-1.9-0.25);" width="50" x="50" y="100"/>
15
-
<rect data-object="hatches--anon-15" height="50" style="fill: url(#pattern-hatched-45deg-white-2-0.25);" width="50" x="100" y="100"/>
16
-
<rect data-object="hatches--anon-16" height="50" style="fill: url(#pattern-hatched-45deg-white-2.1-0.25);" width="50" x="150" y="100"/>
17
-
<rect data-object="hatches--anon-17" height="50" style="fill: url(#pattern-hatched-45deg-white-2.2-0.25);" width="50" x="200" y="100"/>
18
-
<rect data-object="hatches--anon-18" height="50" style="fill: url(#pattern-hatched-45deg-white-2.3-0.25);" width="50" x="250" y="100"/>
12
+
<rect data-object="hatches--anon-12" height="50" width="50" x="650" y="50" style="fill: url(#pattern-hatched-45deg-white-1.7-0.25);"/>
13
+
<rect data-object="hatches--anon-13" height="50" width="50" x="700" y="50" style="fill: url(#pattern-hatched-45deg-white-1.8-0.25);"/>
14
+
<rect data-object="hatches--anon-14" height="50" width="50" x="50" y="100" style="fill: url(#pattern-hatched-45deg-white-1.9-0.25);"/>
15
+
<rect data-object="hatches--anon-15" height="50" width="50" x="100" y="100" style="fill: url(#pattern-hatched-45deg-white-2-0.25);"/>
16
+
<rect data-object="hatches--anon-16" height="50" width="50" x="150" y="100" style="fill: url(#pattern-hatched-45deg-white-2.1-0.25);"/>
17
+
<rect data-object="hatches--anon-17" height="50" width="50" x="200" y="100" style="fill: url(#pattern-hatched-45deg-white-2.2-0.25);"/>
18
+
<rect data-object="hatches--anon-18" height="50" width="50" x="250" y="100" style="fill: url(#pattern-hatched-45deg-white-2.3-0.25);"/>
19
19
<circle cx="325" cy="125" data-object="hatches--anon-19" r="25" style="fill: url(#pattern-hatched-45deg-white-2.4-0.25);"/>
20
20
<circle cx="175" cy="75" data-object="hatches--anon-2" r="25" style="fill: url(#pattern-hatched-45deg-white-0.7-0.25);"/>
21
-
<rect data-object="hatches--anon-20" height="50" style="fill: url(#pattern-hatched-45deg-white-2.5-0.25);" width="50" x="350" y="100"/>
21
+
<rect data-object="hatches--anon-20" height="50" width="50" x="350" y="100" style="fill: url(#pattern-hatched-45deg-white-2.5-0.25);"/>
22
22
<circle cx="425" cy="125" data-object="hatches--anon-21" r="25" style="fill: url(#pattern-hatched-45deg-white-2.6-0.25);"/>
23
-
<rect data-object="hatches--anon-22" height="50" style="fill: url(#pattern-hatched-45deg-white-2.7-0.25);" width="50" x="450" y="100"/>
24
-
<rect data-object="hatches--anon-23" height="50" style="fill: url(#pattern-hatched-45deg-white-2.8-0.25);" width="50" x="500" y="100"/>
23
+
<rect data-object="hatches--anon-22" height="50" width="50" x="450" y="100" style="fill: url(#pattern-hatched-45deg-white-2.7-0.25);"/>
24
+
<rect data-object="hatches--anon-23" height="50" width="50" x="500" y="100" style="fill: url(#pattern-hatched-45deg-white-2.8-0.25);"/>
25
25
<circle cx="575" cy="125" data-object="hatches--anon-24" r="25" style="fill: url(#pattern-hatched-45deg-white-2.9-0.25);"/>
26
-
<rect data-object="hatches--anon-25" height="50" style="fill: url(#pattern-hatched-45deg-white-3-0.25);" width="50" x="600" y="100"/>
27
-
<rect data-object="hatches--anon-26" height="50" style="fill: url(#pattern-hatched-45deg-white-3.1-0.25);" width="50" x="650" y="100"/>
28
-
<rect data-object="hatches--anon-27" height="50" style="fill: url(#pattern-hatched-45deg-white-3.2-0.25);" width="50" x="700" y="100"/>
26
+
<rect data-object="hatches--anon-25" height="50" width="50" x="600" y="100" style="fill: url(#pattern-hatched-45deg-white-3-0.25);"/>
27
+
<rect data-object="hatches--anon-26" height="50" width="50" x="650" y="100" style="fill: url(#pattern-hatched-45deg-white-3.1-0.25);"/>
28
+
<rect data-object="hatches--anon-27" height="50" width="50" x="700" y="100" style="fill: url(#pattern-hatched-45deg-white-3.2-0.25);"/>
29
29
<circle cx="75" cy="175" data-object="hatches--anon-28" r="25" style="fill: url(#pattern-hatched-45deg-white-3.3-0.25);"/>
30
30
<circle cx="125" cy="175" data-object="hatches--anon-29" r="25" style="fill: url(#pattern-hatched-45deg-white-3.4-0.25);"/>
31
31
<circle cx="225" cy="75" data-object="hatches--anon-3" r="25" style="fill: url(#pattern-hatched-45deg-white-0.8-0.25);"/>
32
-
<rect data-object="hatches--anon-30" height="50" style="fill: url(#pattern-hatched-45deg-white-3.5-0.25);" width="50" x="150" y="150"/>
33
-
<rect data-object="hatches--anon-31" height="50" style="fill: url(#pattern-hatched-45deg-white-3.6-0.25);" width="50" x="200" y="150"/>
32
+
<rect data-object="hatches--anon-30" height="50" width="50" x="150" y="150" style="fill: url(#pattern-hatched-45deg-white-3.5-0.25);"/>
33
+
<rect data-object="hatches--anon-31" height="50" width="50" x="200" y="150" style="fill: url(#pattern-hatched-45deg-white-3.6-0.25);"/>
34
34
<circle cx="275" cy="175" data-object="hatches--anon-32" r="25" style="fill: url(#pattern-hatched-45deg-white-3.7-0.25);"/>
35
-
<rect data-object="hatches--anon-33" height="50" style="fill: url(#pattern-hatched-45deg-white-3.8-0.25);" width="50" x="300" y="150"/>
36
-
<rect data-object="hatches--anon-34" height="50" style="fill: url(#pattern-hatched-45deg-white-3.9-0.25);" width="50" x="350" y="150"/>
37
-
<rect data-object="hatches--anon-35" height="50" style="fill: url(#pattern-hatched-45deg-white-4-0.25);" width="50" x="400" y="150"/>
35
+
<rect data-object="hatches--anon-33" height="50" width="50" x="300" y="150" style="fill: url(#pattern-hatched-45deg-white-3.8-0.25);"/>
36
+
<rect data-object="hatches--anon-34" height="50" width="50" x="350" y="150" style="fill: url(#pattern-hatched-45deg-white-3.9-0.25);"/>
37
+
<rect data-object="hatches--anon-35" height="50" width="50" x="400" y="150" style="fill: url(#pattern-hatched-45deg-white-4-0.25);"/>
38
38
<circle cx="475" cy="175" data-object="hatches--anon-36" r="25" style="fill: url(#pattern-hatched-45deg-white-4.1-0.25);"/>
39
39
<circle cx="525" cy="175" data-object="hatches--anon-37" r="25" style="fill: url(#pattern-hatched-45deg-white-4.2-0.25);"/>
40
40
<circle cx="575" cy="175" data-object="hatches--anon-38" r="25" style="fill: url(#pattern-hatched-45deg-white-4.3-0.25);"/>
41
-
<rect data-object="hatches--anon-39" height="50" style="fill: url(#pattern-hatched-45deg-white-4.4-0.25);" width="50" x="600" y="150"/>
41
+
<rect data-object="hatches--anon-39" height="50" width="50" x="600" y="150" style="fill: url(#pattern-hatched-45deg-white-4.4-0.25);"/>
42
42
<circle cx="275" cy="75" data-object="hatches--anon-4" r="25" style="fill: url(#pattern-hatched-45deg-white-0.9-0.25);"/>
43
43
<circle cx="675" cy="175" data-object="hatches--anon-40" r="25" style="fill: url(#pattern-hatched-45deg-white-4.5-0.25);"/>
44
-
<rect data-object="hatches--anon-41" height="50" style="fill: url(#pattern-hatched-45deg-white-4.6-0.25);" width="50" x="700" y="150"/>
44
+
<rect data-object="hatches--anon-41" height="50" width="50" x="700" y="150" style="fill: url(#pattern-hatched-45deg-white-4.6-0.25);"/>
45
45
<circle cx="75" cy="225" data-object="hatches--anon-42" r="25" style="fill: url(#pattern-hatched-45deg-white-4.7-0.25);"/>
46
46
<circle cx="125" cy="225" data-object="hatches--anon-43" r="25" style="fill: url(#pattern-hatched-45deg-white-4.8-0.25);"/>
47
47
<circle cx="325" cy="225" data-object="hatches--anon-44" r="25" style="fill: url(#pattern-hatched-45deg-white-4.9-0.25);"/>
48
-
<rect data-object="hatches--anon-45" height="50" style="fill: url(#pattern-hatched-45deg-white-5-0.25);" width="50" x="350" y="200"/>
49
-
<rect data-object="hatches--anon-46" height="50" style="fill: url(#pattern-hatched-45deg-white-5.1-0.25);" width="50" x="400" y="200"/>
50
-
<rect data-object="hatches--anon-47" height="50" style="fill: url(#pattern-hatched-45deg-white-5.2-0.25);" width="50" x="450" y="200"/>
51
-
<rect data-object="hatches--anon-48" height="50" style="fill: url(#pattern-hatched-45deg-white-5.3-0.25);" width="50" x="500" y="200"/>
52
-
<rect data-object="hatches--anon-49" height="50" style="fill: url(#pattern-hatched-45deg-white-5.5-0.25);" width="50" x="600" y="200"/>
48
+
<rect data-object="hatches--anon-45" height="50" width="50" x="350" y="200" style="fill: url(#pattern-hatched-45deg-white-5-0.25);"/>
49
+
<rect data-object="hatches--anon-46" height="50" width="50" x="400" y="200" style="fill: url(#pattern-hatched-45deg-white-5.1-0.25);"/>
50
+
<rect data-object="hatches--anon-47" height="50" width="50" x="450" y="200" style="fill: url(#pattern-hatched-45deg-white-5.2-0.25);"/>
51
+
<rect data-object="hatches--anon-48" height="50" width="50" x="500" y="200" style="fill: url(#pattern-hatched-45deg-white-5.3-0.25);"/>
52
+
<rect data-object="hatches--anon-49" height="50" width="50" x="600" y="200" style="fill: url(#pattern-hatched-45deg-white-5.5-0.25);"/>
53
53
<circle cx="325" cy="75" data-object="hatches--anon-5" r="25" style="fill: url(#pattern-hatched-45deg-white-1-0.25);"/>
54
-
<rect data-object="hatches--anon-50" height="50" style="fill: url(#pattern-hatched-45deg-white-5.6-0.25);" width="50" x="650" y="200"/>
54
+
<rect data-object="hatches--anon-50" height="50" width="50" x="650" y="200" style="fill: url(#pattern-hatched-45deg-white-5.6-0.25);"/>
55
55
<circle cx="725" cy="225" data-object="hatches--anon-51" r="25" style="fill: url(#pattern-hatched-45deg-white-5.7-0.25);"/>
56
56
<circle cx="75" cy="275" data-object="hatches--anon-52" r="25" style="fill: url(#pattern-hatched-45deg-white-5.8-0.25);"/>
57
-
<rect data-object="hatches--anon-53" height="50" style="fill: url(#pattern-hatched-45deg-white-5.9-0.25);" width="50" x="100" y="250"/>
58
-
<rect data-object="hatches--anon-54" height="50" style="fill: url(#pattern-hatched-45deg-white-6-0.25);" width="50" x="300" y="250"/>
59
-
<rect data-object="hatches--anon-55" height="50" style="fill: url(#pattern-hatched-45deg-white-6.1-0.25);" width="50" x="350" y="250"/>
60
-
<rect data-object="hatches--anon-56" height="50" style="fill: url(#pattern-hatched-45deg-white-6.2-0.25);" width="50" x="400" y="250"/>
57
+
<rect data-object="hatches--anon-53" height="50" width="50" x="100" y="250" style="fill: url(#pattern-hatched-45deg-white-5.9-0.25);"/>
58
+
<rect data-object="hatches--anon-54" height="50" width="50" x="300" y="250" style="fill: url(#pattern-hatched-45deg-white-6-0.25);"/>
59
+
<rect data-object="hatches--anon-55" height="50" width="50" x="350" y="250" style="fill: url(#pattern-hatched-45deg-white-6.1-0.25);"/>
60
+
<rect data-object="hatches--anon-56" height="50" width="50" x="400" y="250" style="fill: url(#pattern-hatched-45deg-white-6.2-0.25);"/>
61
61
<circle cx="475" cy="275" data-object="hatches--anon-57" r="25" style="fill: url(#pattern-hatched-45deg-white-6.3-0.25);"/>
62
62
<circle cx="525" cy="275" data-object="hatches--anon-58" r="25" style="fill: url(#pattern-hatched-45deg-white-6.4-0.25);"/>
63
63
<circle cx="575" cy="275" data-object="hatches--anon-59" r="25" style="fill: url(#pattern-hatched-45deg-white-6.5-0.25);"/>
64
64
<circle cx="375" cy="75" data-object="hatches--anon-6" r="25" style="fill: url(#pattern-hatched-45deg-white-1.1-0.25);"/>
65
-
<rect data-object="hatches--anon-60" height="50" style="fill: url(#pattern-hatched-45deg-white-6.6-0.25);" width="50" x="600" y="250"/>
66
-
<rect data-object="hatches--anon-61" height="50" style="fill: url(#pattern-hatched-45deg-white-6.7-0.25);" width="50" x="650" y="250"/>
67
-
<rect data-object="hatches--anon-62" height="50" style="fill: url(#pattern-hatched-45deg-white-6.8-0.25);" width="50" x="700" y="250"/>
65
+
<rect data-object="hatches--anon-60" height="50" width="50" x="600" y="250" style="fill: url(#pattern-hatched-45deg-white-6.6-0.25);"/>
66
+
<rect data-object="hatches--anon-61" height="50" width="50" x="650" y="250" style="fill: url(#pattern-hatched-45deg-white-6.7-0.25);"/>
67
+
<rect data-object="hatches--anon-62" height="50" width="50" x="700" y="250" style="fill: url(#pattern-hatched-45deg-white-6.8-0.25);"/>
68
68
<circle cx="75" cy="325" data-object="hatches--anon-63" r="25" style="fill: url(#pattern-hatched-45deg-white-6.9-0.25);"/>
69
-
<rect data-object="hatches--anon-64" height="50" style="fill: url(#pattern-hatched-45deg-white-7-0.25);" width="50" x="100" y="300"/>
70
-
<rect data-object="hatches--anon-65" height="50" style="fill: url(#pattern-hatched-45deg-white-7.1-0.25);" width="50" x="300" y="300"/>
71
-
<rect data-object="hatches--anon-66" height="50" style="fill: url(#pattern-hatched-45deg-white-7.2-0.25);" width="50" x="350" y="300"/>
72
-
<rect data-object="hatches--anon-67" height="50" style="fill: url(#pattern-hatched-45deg-white-7.3-0.25);" width="50" x="400" y="300"/>
69
+
<rect data-object="hatches--anon-64" height="50" width="50" x="100" y="300" style="fill: url(#pattern-hatched-45deg-white-7-0.25);"/>
70
+
<rect data-object="hatches--anon-65" height="50" width="50" x="300" y="300" style="fill: url(#pattern-hatched-45deg-white-7.1-0.25);"/>
71
+
<rect data-object="hatches--anon-66" height="50" width="50" x="350" y="300" style="fill: url(#pattern-hatched-45deg-white-7.2-0.25);"/>
72
+
<rect data-object="hatches--anon-67" height="50" width="50" x="400" y="300" style="fill: url(#pattern-hatched-45deg-white-7.3-0.25);"/>
73
73
<circle cx="475" cy="325" data-object="hatches--anon-68" r="25" style="fill: url(#pattern-hatched-45deg-white-7.4-0.25);"/>
74
74
<circle cx="525" cy="325" data-object="hatches--anon-69" r="25" style="fill: url(#pattern-hatched-45deg-white-7.5-0.25);"/>
75
-
<rect data-object="hatches--anon-7" height="50" style="fill: url(#pattern-hatched-45deg-white-1.2-0.25);" width="50" x="400" y="50"/>
76
-
<rect data-object="hatches--anon-70" height="50" style="fill: url(#pattern-hatched-45deg-white-7.6-0.25);" width="50" x="550" y="300"/>
77
-
<rect data-object="hatches--anon-71" height="50" style="fill: url(#pattern-hatched-45deg-white-7.7-0.25);" width="50" x="600" y="300"/>
75
+
<rect data-object="hatches--anon-7" height="50" width="50" x="400" y="50" style="fill: url(#pattern-hatched-45deg-white-1.2-0.25);"/>
76
+
<rect data-object="hatches--anon-70" height="50" width="50" x="550" y="300" style="fill: url(#pattern-hatched-45deg-white-7.6-0.25);"/>
77
+
<rect data-object="hatches--anon-71" height="50" width="50" x="600" y="300" style="fill: url(#pattern-hatched-45deg-white-7.7-0.25);"/>
78
78
<circle cx="675" cy="325" data-object="hatches--anon-72" r="25" style="fill: url(#pattern-hatched-45deg-white-7.8-0.25);"/>
79
79
<circle cx="725" cy="325" data-object="hatches--anon-73" r="25" style="fill: url(#pattern-hatched-45deg-white-7.9-0.25);"/>
80
-
<rect data-object="hatches--anon-74" height="50" style="fill: url(#pattern-hatched-45deg-white-8-0.25);" width="50" x="50" y="350"/>
81
-
<rect data-object="hatches--anon-75" height="50" style="fill: url(#pattern-hatched-45deg-white-8.1-0.25);" width="50" x="100" y="350"/>
80
+
<rect data-object="hatches--anon-74" height="50" width="50" x="50" y="350" style="fill: url(#pattern-hatched-45deg-white-8-0.25);"/>
81
+
<rect data-object="hatches--anon-75" height="50" width="50" x="100" y="350" style="fill: url(#pattern-hatched-45deg-white-8.1-0.25);"/>
82
82
<circle cx="175" cy="375" data-object="hatches--anon-76" r="25" style="fill: url(#pattern-hatched-45deg-white-8.2-0.25);"/>
83
83
<circle cx="225" cy="375" data-object="hatches--anon-77" r="25" style="fill: url(#pattern-hatched-45deg-white-8.3-0.25);"/>
84
84
<circle cx="275" cy="375" data-object="hatches--anon-78" r="25" style="fill: url(#pattern-hatched-45deg-white-8.4-0.25);"/>
85
-
<rect data-object="hatches--anon-79" height="50" style="fill: url(#pattern-hatched-45deg-white-8.5-0.25);" width="50" x="300" y="350"/>
85
+
<rect data-object="hatches--anon-79" height="50" width="50" x="300" y="350" style="fill: url(#pattern-hatched-45deg-white-8.5-0.25);"/>
86
86
<circle cx="475" cy="75" data-object="hatches--anon-8" r="25" style="fill: url(#pattern-hatched-45deg-white-1.3-0.25);"/>
87
87
<circle cx="375" cy="375" data-object="hatches--anon-80" r="25" style="fill: url(#pattern-hatched-45deg-white-8.6-0.25);"/>
88
-
<rect data-object="hatches--anon-81" height="50" style="fill: url(#pattern-hatched-45deg-white-8.7-0.25);" width="50" x="400" y="350"/>
89
-
<rect data-object="hatches--anon-82" height="50" style="fill: url(#pattern-hatched-45deg-white-8.8-0.25);" width="50" x="450" y="350"/>
88
+
<rect data-object="hatches--anon-81" height="50" width="50" x="400" y="350" style="fill: url(#pattern-hatched-45deg-white-8.7-0.25);"/>
89
+
<rect data-object="hatches--anon-82" height="50" width="50" x="450" y="350" style="fill: url(#pattern-hatched-45deg-white-8.8-0.25);"/>
90
90
<circle cx="525" cy="375" data-object="hatches--anon-83" r="25" style="fill: url(#pattern-hatched-45deg-white-8.9-0.25);"/>
91
91
<circle cx="575" cy="375" data-object="hatches--anon-84" r="25" style="fill: url(#pattern-hatched-45deg-white-9-0.25);"/>
92
92
<circle cx="625" cy="375" data-object="hatches--anon-85" r="25" style="fill: url(#pattern-hatched-45deg-white-9.1-0.25);"/>
93
-
<rect data-object="hatches--anon-86" height="50" style="fill: url(#pattern-hatched-45deg-white-9.2-0.25);" width="50" x="650" y="350"/>
94
-
<rect data-object="hatches--anon-87" height="50" style="fill: url(#pattern-hatched-45deg-white-9.3-0.25);" width="50" x="700" y="350"/>
93
+
<rect data-object="hatches--anon-86" height="50" width="50" x="650" y="350" style="fill: url(#pattern-hatched-45deg-white-9.2-0.25);"/>
94
+
<rect data-object="hatches--anon-87" height="50" width="50" x="700" y="350" style="fill: url(#pattern-hatched-45deg-white-9.3-0.25);"/>
95
95
<circle cx="525" cy="75" data-object="hatches--anon-9" r="25" style="fill: url(#pattern-hatched-45deg-white-1.4-0.25);"/>
96
-
</g>
97
-
<g class="layer" data-layer="red dot">
98
-
<g data-object="red dot--anon-0" style="fill: #cf0a2b;transform-box: fill-box;filter: url(#filter-glow-5); overflow: visible;" transform-origin="575 225">
96
+
</g><g class="layer" data-layer="red dot">
97
+
<g style="fill: #cf0a2b;transform-box: fill-box;filter: url(#filter-glow-5); overflow: visible;">
99
98
<circle cx="575" cy="225" data-object="red dot--anon-0" r="25"/>
100
-
</g>
101
-
</g>
102
-
<g class="layer" data-layer="strands">
103
-
<g data-object="strands--strands#0" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 300">
104
-
<path d="M150,250 Q200,250,200,300" data-object="strands--strands#0" stroke-width="2"/>
105
-
</g>
106
-
<g data-object="strands--strands#1" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 275">
99
+
</g></g><g class="layer" data-layer="strands">
100
+
<g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
101
+
<path d="M 150 250 Q 200 250 200 300" data-object="strands--strands#0" stroke-width="2"/>
102
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
107
103
<line data-object="strands--strands#1" stroke-width="2" x1="150" x2="200" y1="250" y2="250"/>
108
-
</g>
109
-
<g data-object="strands--strands#10" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 250">
110
-
<path d="M200,250 Q150,250,150,200" data-object="strands--strands#10" stroke-width="2"/>
111
-
</g>
112
-
<g data-object="strands--strands#11" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="300 350">
113
-
<path d="M250,300 Q250,350,300,350" data-object="strands--strands#11" stroke-width="2"/>
114
-
</g>
115
-
<g data-object="strands--strands#12" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 250">
116
-
<path d="M250,200 Q200,200,200,250" data-object="strands--strands#12" stroke-width="2"/>
117
-
</g>
118
-
<g data-object="strands--strands#13" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="275 300">
104
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
105
+
<path d="M 200 250 Q 150 250 150 200" data-object="strands--strands#10" stroke-width="2"/>
106
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
107
+
<path d="M 250 300 Q 250 350 300 350" data-object="strands--strands#11" stroke-width="2"/>
108
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
109
+
<path d="M 250 200 Q 200 200 200 250" data-object="strands--strands#12" stroke-width="2"/>
110
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
119
111
<line data-object="strands--strands#13" stroke-width="2" x1="250" x2="250" y1="250" y2="300"/>
120
-
</g>
121
-
<g data-object="strands--strands#14" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 325">
112
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
122
113
<line data-object="strands--strands#14" stroke-width="2" x1="150" x2="200" y1="300" y2="300"/>
123
-
</g>
124
-
<g data-object="strands--strands#15" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="225 300">
125
-
<path d="M150,300 Q150,200,250,200" data-object="strands--strands#15" stroke-width="2"/>
126
-
</g>
127
-
<g data-object="strands--strands#16" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 300">
114
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
115
+
<path d="M 150 300 Q 150 200 250 200" data-object="strands--strands#15" stroke-width="2"/>
116
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
128
117
<line data-object="strands--strands#16" stroke-width="2" x1="150" x2="200" y1="300" y2="200"/>
129
-
</g>
130
-
<g data-object="strands--strands#17" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="225 325">
131
-
<path d="M150,250 Q250,250,250,350" data-object="strands--strands#17" stroke-width="2"/>
132
-
</g>
133
-
<g data-object="strands--strands#18" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 300">
134
-
<path d="M250,300 Q250,200,150,200" data-object="strands--strands#18" stroke-width="2"/>
135
-
</g>
136
-
<g data-object="strands--strands#19" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="175 275">
118
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
119
+
<path d="M 150 250 Q 250 250 250 350" data-object="strands--strands#17" stroke-width="2"/>
120
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
121
+
<path d="M 250 300 Q 250 200 150 200" data-object="strands--strands#18" stroke-width="2"/>
122
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
137
123
<line data-object="strands--strands#19" stroke-width="2" x1="150" x2="150" y1="250" y2="250"/>
138
-
</g>
139
-
<g data-object="strands--strands#2" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 250">
140
-
<path d="M200,200 Q200,250,150,250" data-object="strands--strands#2" stroke-width="2"/>
141
-
</g>
142
-
<g data-object="strands--strands#20" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 300">
143
-
<path d="M250,300 Q250,250,200,250" data-object="strands--strands#20" stroke-width="2"/>
144
-
</g>
145
-
<g data-object="strands--strands#21" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 300">
146
-
<path d="M250,250 Q200,250,200,300" data-object="strands--strands#21" stroke-width="2"/>
147
-
</g>
148
-
<g data-object="strands--strands#22" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 275">
124
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
125
+
<path d="M 200 200 Q 200 250 150 250" data-object="strands--strands#2" stroke-width="2"/>
126
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
127
+
<path d="M 250 300 Q 250 250 200 250" data-object="strands--strands#20" stroke-width="2"/>
128
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
129
+
<path d="M 250 250 Q 200 250 200 300" data-object="strands--strands#21" stroke-width="2"/>
130
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
149
131
<line data-object="strands--strands#22" stroke-width="2" x1="250" x2="200" y1="250" y2="250"/>
150
-
</g>
151
-
<g data-object="strands--strands#23" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 225">
132
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
152
133
<line data-object="strands--strands#23" stroke-width="2" x1="250" x2="150" y1="200" y2="200"/>
153
-
</g>
154
-
<g data-object="strands--strands#24" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 250">
134
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
155
135
<line data-object="strands--strands#24" stroke-width="2" x1="250" x2="150" y1="200" y2="250"/>
156
-
</g>
157
-
<g data-object="strands--strands#25" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="175 325">
136
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
158
137
<line data-object="strands--strands#25" stroke-width="2" x1="150" x2="150" y1="300" y2="300"/>
159
-
</g>
160
-
<g data-object="strands--strands#26" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="225 225">
138
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
161
139
<line data-object="strands--strands#26" stroke-width="2" x1="200" x2="200" y1="200" y2="200"/>
162
-
</g>
163
-
<g data-object="strands--strands#27" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="225 250">
140
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
164
141
<line data-object="strands--strands#27" stroke-width="2" x1="200" x2="200" y1="200" y2="250"/>
165
-
</g>
166
-
<g data-object="strands--strands#28" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="225 275">
167
-
<path d="M150,200 Q150,300,250,300" data-object="strands--strands#28" stroke-width="2"/>
168
-
</g>
169
-
<g data-object="strands--strands#29" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 300">
170
-
<path d="M250,300 Q150,300,150,200" data-object="strands--strands#29" stroke-width="2"/>
171
-
</g>
172
-
<g data-object="strands--strands#3" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 325">
142
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
143
+
<path d="M 150 200 Q 150 300 250 300" data-object="strands--strands#28" stroke-width="2"/>
144
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
145
+
<path d="M 250 300 Q 150 300 150 200" data-object="strands--strands#29" stroke-width="2"/>
146
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
173
147
<line data-object="strands--strands#3" stroke-width="2" x1="200" x2="150" y1="300" y2="300"/>
174
-
</g>
175
-
<g data-object="strands--strands#4" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 250">
176
-
<path d="M150,250 Q150,200,200,200" data-object="strands--strands#4" stroke-width="2"/>
177
-
</g>
178
-
<g data-object="strands--strands#5" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="275 325">
179
-
<path d="M200,250 Q300,250,300,350" data-object="strands--strands#5" stroke-width="2"/>
180
-
</g>
181
-
<g data-object="strands--strands#6" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 250">
182
-
<path d="M200,250 Q200,200,150,200" data-object="strands--strands#6" stroke-width="2"/>
183
-
</g>
184
-
<g data-object="strands--strands#7" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 300">
185
-
<path d="M150,300 Q200,300,200,250" data-object="strands--strands#7" stroke-width="2"/>
186
-
</g>
187
-
<g data-object="strands--strands#8" style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="200 300">
188
-
<path d="M200,300 Q150,300,150,250" data-object="strands--strands#8" stroke-width="2"/>
189
-
</g>
190
-
<g data-object="strands--strands#9" style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;" transform-origin="250 250">
148
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
149
+
<path d="M 150 250 Q 150 200 200 200" data-object="strands--strands#4" stroke-width="2"/>
150
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
151
+
<path d="M 200 250 Q 300 250 300 350" data-object="strands--strands#5" stroke-width="2"/>
152
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
153
+
<path d="M 200 250 Q 200 200 150 200" data-object="strands--strands#6" stroke-width="2"/>
154
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
155
+
<path d="M 150 300 Q 200 300 200 250" data-object="strands--strands#7" stroke-width="2"/>
156
+
</g><g style="stroke: #4fecec; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
157
+
<path d="M 200 300 Q 150 300 150 250" data-object="strands--strands#8" stroke-width="2"/>
158
+
</g><g style="stroke: #e92e76; fill: transparent;transform-box: fill-box;filter: url(#filter-glow-4); overflow: visible;">
191
159
<line data-object="strands--strands#9" stroke-width="2" x1="200" x2="250" y1="250" y2="200"/>
192
-
</g>
193
-
</g>
194
-
<g class="layer" data-layer="root"/>
195
-
<defs>
160
+
</g></g><g class="layer" data-layer="root"/>
161
+
<defs >
196
162
<filter filterUnit="userSpaceOnUse" id="filter-glow-4">
197
163
<feGaussianBlur result="coloredBlur" stdDeviation="4"/>
198
-
<feMerge>
164
+
<feMerge >
199
165
<feMergeNode in="coloredBlur"/>
200
166
<feMergeNode in="SourceGraphic"/>
201
-
</feMerge>
202
-
</filter>
203
-
<filter filterUnit="userSpaceOnUse" id="filter-glow-5">
167
+
</feMerge></filter><filter filterUnit="userSpaceOnUse" id="filter-glow-5">
204
168
<feGaussianBlur result="coloredBlur" stdDeviation="5"/>
205
-
<feMerge>
169
+
<feMerge >
206
170
<feMergeNode in="coloredBlur"/>
207
171
<feMergeNode in="SourceGraphic"/>
208
-
</feMerge>
209
-
</filter>
210
-
<pattern height="1" id="pattern-hatched-45deg-white-0.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.5,0.5" width="1">
172
+
</feMerge></filter><pattern height="1" id="pattern-hatched-45deg-white-0.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.5,0.5" width="1">
211
173
<polygon fill="#ffffff" points="0,0 0.125,0 0,0.125"/>
212
174
<polygon fill="#ffffff" points="0,0.5 0.5,0 0.5,0.125 0.125,0.5"/>
213
-
</pattern>
214
-
<pattern height="1.2" id="pattern-hatched-45deg-white-0.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.6,0.6" width="1.2">
175
+
</pattern><pattern height="1.2" id="pattern-hatched-45deg-white-0.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.6,0.6" width="1.2">
215
176
<polygon fill="#ffffff" points="0,0 0.15,0 0,0.15"/>
216
177
<polygon fill="#ffffff" points="0,0.6 0.6,0 0.6,0.15 0.15,0.6"/>
217
-
</pattern>
218
-
<pattern height="1.4" id="pattern-hatched-45deg-white-0.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.7,0.7" width="1.4">
178
+
</pattern><pattern height="1.4" id="pattern-hatched-45deg-white-0.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.7,0.7" width="1.4">
219
179
<polygon fill="#ffffff" points="0,0 0.175,0 0,0.175"/>
220
180
<polygon fill="#ffffff" points="0,0.7 0.7,0 0.7,0.175 0.175,0.7"/>
221
-
</pattern>
222
-
<pattern height="1.6" id="pattern-hatched-45deg-white-0.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.8,0.8" width="1.6">
181
+
</pattern><pattern height="1.6" id="pattern-hatched-45deg-white-0.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.8,0.8" width="1.6">
223
182
<polygon fill="#ffffff" points="0,0 0.2,0 0,0.2"/>
224
183
<polygon fill="#ffffff" points="0,0.8 0.8,0 0.8,0.2 0.2,0.8"/>
225
-
</pattern>
226
-
<pattern height="1.8" id="pattern-hatched-45deg-white-0.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.9,0.9" width="1.8">
184
+
</pattern><pattern height="1.8" id="pattern-hatched-45deg-white-0.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,0.9,0.9" width="1.8">
227
185
<polygon fill="#ffffff" points="0,0 0.225,0 0,0.225"/>
228
186
<polygon fill="#ffffff" points="0,0.9 0.9,0 0.9,0.225 0.225,0.9"/>
229
-
</pattern>
230
-
<pattern height="2" id="pattern-hatched-45deg-white-1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1,1" width="2">
187
+
</pattern><pattern height="2" id="pattern-hatched-45deg-white-1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1,1" width="2">
231
188
<polygon fill="#ffffff" points="0,0 0.25,0 0,0.25"/>
232
189
<polygon fill="#ffffff" points="0,1 1,0 1,0.25 0.25,1"/>
233
-
</pattern>
234
-
<pattern height="2.2" id="pattern-hatched-45deg-white-1.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.1,1.1" width="2.2">
190
+
</pattern><pattern height="2.2" id="pattern-hatched-45deg-white-1.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.1,1.1" width="2.2">
235
191
<polygon fill="#ffffff" points="0,0 0.275,0 0,0.275"/>
236
192
<polygon fill="#ffffff" points="0,1.1 1.1,0 1.1,0.275 0.275,1.1"/>
237
-
</pattern>
238
-
<pattern height="2.4" id="pattern-hatched-45deg-white-1.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.2,1.2" width="2.4">
193
+
</pattern><pattern height="2.4" id="pattern-hatched-45deg-white-1.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.2,1.2" width="2.4">
239
194
<polygon fill="#ffffff" points="0,0 0.3,0 0,0.3"/>
240
195
<polygon fill="#ffffff" points="0,1.2 1.2,0 1.2,0.3 0.3,1.2"/>
241
-
</pattern>
242
-
<pattern height="2.6" id="pattern-hatched-45deg-white-1.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.3,1.3" width="2.6">
196
+
</pattern><pattern height="2.6" id="pattern-hatched-45deg-white-1.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.3,1.3" width="2.6">
243
197
<polygon fill="#ffffff" points="0,0 0.325,0 0,0.325"/>
244
198
<polygon fill="#ffffff" points="0,1.3 1.3,0 1.3,0.325 0.325,1.3"/>
245
-
</pattern>
246
-
<pattern height="2.8" id="pattern-hatched-45deg-white-1.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.4,1.4" width="2.8">
199
+
</pattern><pattern height="2.8" id="pattern-hatched-45deg-white-1.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.4,1.4" width="2.8">
247
200
<polygon fill="#ffffff" points="0,0 0.35,0 0,0.35"/>
248
201
<polygon fill="#ffffff" points="0,1.4 1.4,0 1.4,0.35 0.35,1.4"/>
249
-
</pattern>
250
-
<pattern height="3" id="pattern-hatched-45deg-white-1.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.5,1.5" width="3">
202
+
</pattern><pattern height="3" id="pattern-hatched-45deg-white-1.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.5,1.5" width="3">
251
203
<polygon fill="#ffffff" points="0,0 0.375,0 0,0.375"/>
252
204
<polygon fill="#ffffff" points="0,1.5 1.5,0 1.5,0.375 0.375,1.5"/>
253
-
</pattern>
254
-
<pattern height="3.2" id="pattern-hatched-45deg-white-1.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.6,1.6" width="3.2">
205
+
</pattern><pattern height="3.2" id="pattern-hatched-45deg-white-1.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.6,1.6" width="3.2">
255
206
<polygon fill="#ffffff" points="0,0 0.4,0 0,0.4"/>
256
207
<polygon fill="#ffffff" points="0,1.6 1.6,0 1.6,0.4 0.4,1.6"/>
257
-
</pattern>
258
-
<pattern height="3.4" id="pattern-hatched-45deg-white-1.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.7,1.7" width="3.4">
208
+
</pattern><pattern height="3.4" id="pattern-hatched-45deg-white-1.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.7,1.7" width="3.4">
259
209
<polygon fill="#ffffff" points="0,0 0.425,0 0,0.425"/>
260
210
<polygon fill="#ffffff" points="0,1.7 1.7,0 1.7,0.425 0.425,1.7"/>
261
-
</pattern>
262
-
<pattern height="3.6" id="pattern-hatched-45deg-white-1.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.8,1.8" width="3.6">
211
+
</pattern><pattern height="3.6" id="pattern-hatched-45deg-white-1.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.8,1.8" width="3.6">
263
212
<polygon fill="#ffffff" points="0,0 0.45,0 0,0.45"/>
264
213
<polygon fill="#ffffff" points="0,1.8 1.8,0 1.8,0.45 0.45,1.8"/>
265
-
</pattern>
266
-
<pattern height="3.8" id="pattern-hatched-45deg-white-1.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.9,1.9" width="3.8">
214
+
</pattern><pattern height="3.8" id="pattern-hatched-45deg-white-1.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,1.9,1.9" width="3.8">
267
215
<polygon fill="#ffffff" points="0,0 0.475,0 0,0.475"/>
268
216
<polygon fill="#ffffff" points="0,1.9 1.9,0 1.9,0.475 0.475,1.9"/>
269
-
</pattern>
270
-
<pattern height="4" id="pattern-hatched-45deg-white-2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2,2" width="4">
217
+
</pattern><pattern height="4" id="pattern-hatched-45deg-white-2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2,2" width="4">
271
218
<polygon fill="#ffffff" points="0,0 0.5,0 0,0.5"/>
272
219
<polygon fill="#ffffff" points="0,2 2,0 2,0.5 0.5,2"/>
273
-
</pattern>
274
-
<pattern height="4.2" id="pattern-hatched-45deg-white-2.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.1,2.1" width="4.2">
220
+
</pattern><pattern height="4.2" id="pattern-hatched-45deg-white-2.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.1,2.1" width="4.2">
275
221
<polygon fill="#ffffff" points="0,0 0.525,0 0,0.525"/>
276
222
<polygon fill="#ffffff" points="0,2.1 2.1,0 2.1,0.525 0.525,2.1"/>
277
-
</pattern>
278
-
<pattern height="4.4" id="pattern-hatched-45deg-white-2.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.2,2.2" width="4.4">
223
+
</pattern><pattern height="4.4" id="pattern-hatched-45deg-white-2.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.2,2.2" width="4.4">
279
224
<polygon fill="#ffffff" points="0,0 0.55,0 0,0.55"/>
280
225
<polygon fill="#ffffff" points="0,2.2 2.2,0 2.2,0.55 0.55,2.2"/>
281
-
</pattern>
282
-
<pattern height="4.6" id="pattern-hatched-45deg-white-2.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.3,2.3" width="4.6">
226
+
</pattern><pattern height="4.6" id="pattern-hatched-45deg-white-2.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.3,2.3" width="4.6">
283
227
<polygon fill="#ffffff" points="0,0 0.575,0 0,0.575"/>
284
228
<polygon fill="#ffffff" points="0,2.3 2.3,0 2.3,0.575 0.575,2.3"/>
285
-
</pattern>
286
-
<pattern height="4.8" id="pattern-hatched-45deg-white-2.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.4,2.4" width="4.8">
229
+
</pattern><pattern height="4.8" id="pattern-hatched-45deg-white-2.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.4,2.4" width="4.8">
287
230
<polygon fill="#ffffff" points="0,0 0.6,0 0,0.6"/>
288
231
<polygon fill="#ffffff" points="0,2.4 2.4,0 2.4,0.6 0.6,2.4"/>
289
-
</pattern>
290
-
<pattern height="5" id="pattern-hatched-45deg-white-2.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.5,2.5" width="5">
232
+
</pattern><pattern height="5" id="pattern-hatched-45deg-white-2.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.5,2.5" width="5">
291
233
<polygon fill="#ffffff" points="0,0 0.625,0 0,0.625"/>
292
234
<polygon fill="#ffffff" points="0,2.5 2.5,0 2.5,0.625 0.625,2.5"/>
293
-
</pattern>
294
-
<pattern height="5.2" id="pattern-hatched-45deg-white-2.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.6,2.6" width="5.2">
235
+
</pattern><pattern height="5.2" id="pattern-hatched-45deg-white-2.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.6,2.6" width="5.2">
295
236
<polygon fill="#ffffff" points="0,0 0.65,0 0,0.65"/>
296
237
<polygon fill="#ffffff" points="0,2.6 2.6,0 2.6,0.65 0.65,2.6"/>
297
-
</pattern>
298
-
<pattern height="5.4" id="pattern-hatched-45deg-white-2.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.7,2.7" width="5.4">
238
+
</pattern><pattern height="5.4" id="pattern-hatched-45deg-white-2.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.7,2.7" width="5.4">
299
239
<polygon fill="#ffffff" points="0,0 0.675,0 0,0.675"/>
300
240
<polygon fill="#ffffff" points="0,2.7 2.7,0 2.7,0.675 0.675,2.7"/>
301
-
</pattern>
302
-
<pattern height="5.6" id="pattern-hatched-45deg-white-2.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.8,2.8" width="5.6">
241
+
</pattern><pattern height="5.6" id="pattern-hatched-45deg-white-2.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.8,2.8" width="5.6">
303
242
<polygon fill="#ffffff" points="0,0 0.7,0 0,0.7"/>
304
243
<polygon fill="#ffffff" points="0,2.8 2.8,0 2.8,0.7 0.7,2.8"/>
305
-
</pattern>
306
-
<pattern height="5.8" id="pattern-hatched-45deg-white-2.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.9,2.9" width="5.8">
244
+
</pattern><pattern height="5.8" id="pattern-hatched-45deg-white-2.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,2.9,2.9" width="5.8">
307
245
<polygon fill="#ffffff" points="0,0 0.725,0 0,0.725"/>
308
246
<polygon fill="#ffffff" points="0,2.9 2.9,0 2.9,0.725 0.725,2.9"/>
309
-
</pattern>
310
-
<pattern height="6" id="pattern-hatched-45deg-white-3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3,3" width="6">
247
+
</pattern><pattern height="6" id="pattern-hatched-45deg-white-3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3,3" width="6">
311
248
<polygon fill="#ffffff" points="0,0 0.75,0 0,0.75"/>
312
249
<polygon fill="#ffffff" points="0,3 3,0 3,0.75 0.75,3"/>
313
-
</pattern>
314
-
<pattern height="6.2" id="pattern-hatched-45deg-white-3.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.1,3.1" width="6.2">
250
+
</pattern><pattern height="6.2" id="pattern-hatched-45deg-white-3.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.1,3.1" width="6.2">
315
251
<polygon fill="#ffffff" points="0,0 0.775,0 0,0.775"/>
316
252
<polygon fill="#ffffff" points="0,3.1 3.1,0 3.1,0.775 0.775,3.1"/>
317
-
</pattern>
318
-
<pattern height="6.4" id="pattern-hatched-45deg-white-3.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.2,3.2" width="6.4">
253
+
</pattern><pattern height="6.4" id="pattern-hatched-45deg-white-3.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.2,3.2" width="6.4">
319
254
<polygon fill="#ffffff" points="0,0 0.8,0 0,0.8"/>
320
255
<polygon fill="#ffffff" points="0,3.2 3.2,0 3.2,0.8 0.8,3.2"/>
321
-
</pattern>
322
-
<pattern height="6.6" id="pattern-hatched-45deg-white-3.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.3,3.3" width="6.6">
256
+
</pattern><pattern height="6.6" id="pattern-hatched-45deg-white-3.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.3,3.3" width="6.6">
323
257
<polygon fill="#ffffff" points="0,0 0.825,0 0,0.825"/>
324
258
<polygon fill="#ffffff" points="0,3.3 3.3,0 3.3,0.825 0.825,3.3"/>
325
-
</pattern>
326
-
<pattern height="6.8" id="pattern-hatched-45deg-white-3.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.4,3.4" width="6.8">
259
+
</pattern><pattern height="6.8" id="pattern-hatched-45deg-white-3.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.4,3.4" width="6.8">
327
260
<polygon fill="#ffffff" points="0,0 0.85,0 0,0.85"/>
328
261
<polygon fill="#ffffff" points="0,3.4 3.4,0 3.4,0.85 0.85,3.4"/>
329
-
</pattern>
330
-
<pattern height="7" id="pattern-hatched-45deg-white-3.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.5,3.5" width="7">
262
+
</pattern><pattern height="7" id="pattern-hatched-45deg-white-3.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.5,3.5" width="7">
331
263
<polygon fill="#ffffff" points="0,0 0.875,0 0,0.875"/>
332
264
<polygon fill="#ffffff" points="0,3.5 3.5,0 3.5,0.875 0.875,3.5"/>
333
-
</pattern>
334
-
<pattern height="7.2" id="pattern-hatched-45deg-white-3.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.6,3.6" width="7.2">
265
+
</pattern><pattern height="7.2" id="pattern-hatched-45deg-white-3.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.6,3.6" width="7.2">
335
266
<polygon fill="#ffffff" points="0,0 0.9,0 0,0.9"/>
336
267
<polygon fill="#ffffff" points="0,3.6 3.6,0 3.6,0.9 0.9,3.6"/>
337
-
</pattern>
338
-
<pattern height="7.4" id="pattern-hatched-45deg-white-3.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.7,3.7" width="7.4">
268
+
</pattern><pattern height="7.4" id="pattern-hatched-45deg-white-3.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.7,3.7" width="7.4">
339
269
<polygon fill="#ffffff" points="0,0 0.925,0 0,0.925"/>
340
270
<polygon fill="#ffffff" points="0,3.7 3.7,0 3.7,0.925 0.925,3.7"/>
341
-
</pattern>
342
-
<pattern height="7.6" id="pattern-hatched-45deg-white-3.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.8,3.8" width="7.6">
271
+
</pattern><pattern height="7.6" id="pattern-hatched-45deg-white-3.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.8,3.8" width="7.6">
343
272
<polygon fill="#ffffff" points="0,0 0.95,0 0,0.95"/>
344
273
<polygon fill="#ffffff" points="0,3.8 3.8,0 3.8,0.95 0.95,3.8"/>
345
-
</pattern>
346
-
<pattern height="7.8" id="pattern-hatched-45deg-white-3.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.9,3.9" width="7.8">
274
+
</pattern><pattern height="7.8" id="pattern-hatched-45deg-white-3.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,3.9,3.9" width="7.8">
347
275
<polygon fill="#ffffff" points="0,0 0.975,0 0,0.975"/>
348
276
<polygon fill="#ffffff" points="0,3.9 3.9,0 3.9,0.975 0.975,3.9"/>
349
-
</pattern>
350
-
<pattern height="8" id="pattern-hatched-45deg-white-4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4,4" width="8">
277
+
</pattern><pattern height="8" id="pattern-hatched-45deg-white-4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4,4" width="8">
351
278
<polygon fill="#ffffff" points="0,0 1,0 0,1"/>
352
279
<polygon fill="#ffffff" points="0,4 4,0 4,1 1,4"/>
353
-
</pattern>
354
-
<pattern height="8.2" id="pattern-hatched-45deg-white-4.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.1,4.1" width="8.2">
280
+
</pattern><pattern height="8.2" id="pattern-hatched-45deg-white-4.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.1,4.1" width="8.2">
355
281
<polygon fill="#ffffff" points="0,0 1.025,0 0,1.025"/>
356
282
<polygon fill="#ffffff" points="0,4.1 4.1,0 4.1,1.025 1.025,4.1"/>
357
-
</pattern>
358
-
<pattern height="8.4" id="pattern-hatched-45deg-white-4.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.2,4.2" width="8.4">
283
+
</pattern><pattern height="8.4" id="pattern-hatched-45deg-white-4.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.2,4.2" width="8.4">
359
284
<polygon fill="#ffffff" points="0,0 1.05,0 0,1.05"/>
360
285
<polygon fill="#ffffff" points="0,4.2 4.2,0 4.2,1.05 1.05,4.2"/>
361
-
</pattern>
362
-
<pattern height="8.6" id="pattern-hatched-45deg-white-4.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.3,4.3" width="8.6">
286
+
</pattern><pattern height="8.6" id="pattern-hatched-45deg-white-4.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.3,4.3" width="8.6">
363
287
<polygon fill="#ffffff" points="0,0 1.075,0 0,1.075"/>
364
288
<polygon fill="#ffffff" points="0,4.3 4.3,0 4.3,1.075 1.075,4.3"/>
365
-
</pattern>
366
-
<pattern height="8.8" id="pattern-hatched-45deg-white-4.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.4,4.4" width="8.8">
289
+
</pattern><pattern height="8.8" id="pattern-hatched-45deg-white-4.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.4,4.4" width="8.8">
367
290
<polygon fill="#ffffff" points="0,0 1.1,0 0,1.1"/>
368
291
<polygon fill="#ffffff" points="0,4.4 4.4,0 4.4,1.1 1.1,4.4"/>
369
-
</pattern>
370
-
<pattern height="9" id="pattern-hatched-45deg-white-4.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.5,4.5" width="9">
292
+
</pattern><pattern height="9" id="pattern-hatched-45deg-white-4.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.5,4.5" width="9">
371
293
<polygon fill="#ffffff" points="0,0 1.125,0 0,1.125"/>
372
294
<polygon fill="#ffffff" points="0,4.5 4.5,0 4.5,1.125 1.125,4.5"/>
373
-
</pattern>
374
-
<pattern height="9.2" id="pattern-hatched-45deg-white-4.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.6,4.6" width="9.2">
295
+
</pattern><pattern height="9.2" id="pattern-hatched-45deg-white-4.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.6,4.6" width="9.2">
375
296
<polygon fill="#ffffff" points="0,0 1.15,0 0,1.15"/>
376
297
<polygon fill="#ffffff" points="0,4.6 4.6,0 4.6,1.15 1.15,4.6"/>
377
-
</pattern>
378
-
<pattern height="9.4" id="pattern-hatched-45deg-white-4.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.7,4.7" width="9.4">
298
+
</pattern><pattern height="9.4" id="pattern-hatched-45deg-white-4.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.7,4.7" width="9.4">
379
299
<polygon fill="#ffffff" points="0,0 1.175,0 0,1.175"/>
380
300
<polygon fill="#ffffff" points="0,4.7 4.7,0 4.7,1.175 1.175,4.7"/>
381
-
</pattern>
382
-
<pattern height="9.6" id="pattern-hatched-45deg-white-4.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.8,4.8" width="9.6">
301
+
</pattern><pattern height="9.6" id="pattern-hatched-45deg-white-4.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.8,4.8" width="9.6">
383
302
<polygon fill="#ffffff" points="0,0 1.2,0 0,1.2"/>
384
303
<polygon fill="#ffffff" points="0,4.8 4.8,0 4.8,1.2 1.2,4.8"/>
385
-
</pattern>
386
-
<pattern height="9.8" id="pattern-hatched-45deg-white-4.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.9,4.9" width="9.8">
304
+
</pattern><pattern height="9.8" id="pattern-hatched-45deg-white-4.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,4.9,4.9" width="9.8">
387
305
<polygon fill="#ffffff" points="0,0 1.225,0 0,1.225"/>
388
306
<polygon fill="#ffffff" points="0,4.9 4.9,0 4.9,1.225 1.225,4.9"/>
389
-
</pattern>
390
-
<pattern height="10" id="pattern-hatched-45deg-white-5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5,5" width="10">
307
+
</pattern><pattern height="10" id="pattern-hatched-45deg-white-5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5,5" width="10">
391
308
<polygon fill="#ffffff" points="0,0 1.25,0 0,1.25"/>
392
309
<polygon fill="#ffffff" points="0,5 5,0 5,1.25 1.25,5"/>
393
-
</pattern>
394
-
<pattern height="10.2" id="pattern-hatched-45deg-white-5.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.1,5.1" width="10.2">
310
+
</pattern><pattern height="10.2" id="pattern-hatched-45deg-white-5.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.1,5.1" width="10.2">
395
311
<polygon fill="#ffffff" points="0,0 1.275,0 0,1.275"/>
396
312
<polygon fill="#ffffff" points="0,5.1 5.1,0 5.1,1.275 1.275,5.1"/>
397
-
</pattern>
398
-
<pattern height="10.4" id="pattern-hatched-45deg-white-5.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.2,5.2" width="10.4">
313
+
</pattern><pattern height="10.4" id="pattern-hatched-45deg-white-5.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.2,5.2" width="10.4">
399
314
<polygon fill="#ffffff" points="0,0 1.3,0 0,1.3"/>
400
315
<polygon fill="#ffffff" points="0,5.2 5.2,0 5.2,1.3 1.3,5.2"/>
401
-
</pattern>
402
-
<pattern height="10.6" id="pattern-hatched-45deg-white-5.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.3,5.3" width="10.6">
316
+
</pattern><pattern height="10.6" id="pattern-hatched-45deg-white-5.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.3,5.3" width="10.6">
403
317
<polygon fill="#ffffff" points="0,0 1.325,0 0,1.325"/>
404
318
<polygon fill="#ffffff" points="0,5.3 5.3,0 5.3,1.325 1.325,5.3"/>
405
-
</pattern>
406
-
<pattern height="11" id="pattern-hatched-45deg-white-5.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.5,5.5" width="11">
319
+
</pattern><pattern height="11" id="pattern-hatched-45deg-white-5.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.5,5.5" width="11">
407
320
<polygon fill="#ffffff" points="0,0 1.375,0 0,1.375"/>
408
321
<polygon fill="#ffffff" points="0,5.5 5.5,0 5.5,1.375 1.375,5.5"/>
409
-
</pattern>
410
-
<pattern height="11.2" id="pattern-hatched-45deg-white-5.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.6,5.6" width="11.2">
322
+
</pattern><pattern height="11.2" id="pattern-hatched-45deg-white-5.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.6,5.6" width="11.2">
411
323
<polygon fill="#ffffff" points="0,0 1.4,0 0,1.4"/>
412
324
<polygon fill="#ffffff" points="0,5.6 5.6,0 5.6,1.4 1.4,5.6"/>
413
-
</pattern>
414
-
<pattern height="11.4" id="pattern-hatched-45deg-white-5.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.7,5.7" width="11.4">
325
+
</pattern><pattern height="11.4" id="pattern-hatched-45deg-white-5.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.7,5.7" width="11.4">
415
326
<polygon fill="#ffffff" points="0,0 1.425,0 0,1.425"/>
416
327
<polygon fill="#ffffff" points="0,5.7 5.7,0 5.7,1.425 1.425,5.7"/>
417
-
</pattern>
418
-
<pattern height="11.6" id="pattern-hatched-45deg-white-5.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.8,5.8" width="11.6">
328
+
</pattern><pattern height="11.6" id="pattern-hatched-45deg-white-5.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.8,5.8" width="11.6">
419
329
<polygon fill="#ffffff" points="0,0 1.45,0 0,1.45"/>
420
330
<polygon fill="#ffffff" points="0,5.8 5.8,0 5.8,1.45 1.45,5.8"/>
421
-
</pattern>
422
-
<pattern height="11.8" id="pattern-hatched-45deg-white-5.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.9,5.9" width="11.8">
331
+
</pattern><pattern height="11.8" id="pattern-hatched-45deg-white-5.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,5.9,5.9" width="11.8">
423
332
<polygon fill="#ffffff" points="0,0 1.475,0 0,1.475"/>
424
333
<polygon fill="#ffffff" points="0,5.9 5.9,0 5.9,1.475 1.475,5.9"/>
425
-
</pattern>
426
-
<pattern height="12" id="pattern-hatched-45deg-white-6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6,6" width="12">
334
+
</pattern><pattern height="12" id="pattern-hatched-45deg-white-6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6,6" width="12">
427
335
<polygon fill="#ffffff" points="0,0 1.5,0 0,1.5"/>
428
336
<polygon fill="#ffffff" points="0,6 6,0 6,1.5 1.5,6"/>
429
-
</pattern>
430
-
<pattern height="12.2" id="pattern-hatched-45deg-white-6.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.1,6.1" width="12.2">
337
+
</pattern><pattern height="12.2" id="pattern-hatched-45deg-white-6.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.1,6.1" width="12.2">
431
338
<polygon fill="#ffffff" points="0,0 1.525,0 0,1.525"/>
432
339
<polygon fill="#ffffff" points="0,6.1 6.1,0 6.1,1.525 1.525,6.1"/>
433
-
</pattern>
434
-
<pattern height="12.4" id="pattern-hatched-45deg-white-6.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.2,6.2" width="12.4">
340
+
</pattern><pattern height="12.4" id="pattern-hatched-45deg-white-6.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.2,6.2" width="12.4">
435
341
<polygon fill="#ffffff" points="0,0 1.55,0 0,1.55"/>
436
342
<polygon fill="#ffffff" points="0,6.2 6.2,0 6.2,1.55 1.55,6.2"/>
437
-
</pattern>
438
-
<pattern height="12.6" id="pattern-hatched-45deg-white-6.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.3,6.3" width="12.6">
343
+
</pattern><pattern height="12.6" id="pattern-hatched-45deg-white-6.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.3,6.3" width="12.6">
439
344
<polygon fill="#ffffff" points="0,0 1.575,0 0,1.575"/>
440
345
<polygon fill="#ffffff" points="0,6.3 6.3,0 6.3,1.575 1.575,6.3"/>
441
-
</pattern>
442
-
<pattern height="12.8" id="pattern-hatched-45deg-white-6.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.4,6.4" width="12.8">
346
+
</pattern><pattern height="12.8" id="pattern-hatched-45deg-white-6.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.4,6.4" width="12.8">
443
347
<polygon fill="#ffffff" points="0,0 1.6,0 0,1.6"/>
444
348
<polygon fill="#ffffff" points="0,6.4 6.4,0 6.4,1.6 1.6,6.4"/>
445
-
</pattern>
446
-
<pattern height="13" id="pattern-hatched-45deg-white-6.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.5,6.5" width="13">
349
+
</pattern><pattern height="13" id="pattern-hatched-45deg-white-6.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.5,6.5" width="13">
447
350
<polygon fill="#ffffff" points="0,0 1.625,0 0,1.625"/>
448
351
<polygon fill="#ffffff" points="0,6.5 6.5,0 6.5,1.625 1.625,6.5"/>
449
-
</pattern>
450
-
<pattern height="13.2" id="pattern-hatched-45deg-white-6.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.6,6.6" width="13.2">
352
+
</pattern><pattern height="13.2" id="pattern-hatched-45deg-white-6.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.6,6.6" width="13.2">
451
353
<polygon fill="#ffffff" points="0,0 1.65,0 0,1.65"/>
452
354
<polygon fill="#ffffff" points="0,6.6 6.6,0 6.6,1.65 1.65,6.6"/>
453
-
</pattern>
454
-
<pattern height="13.4" id="pattern-hatched-45deg-white-6.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.7,6.7" width="13.4">
355
+
</pattern><pattern height="13.4" id="pattern-hatched-45deg-white-6.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.7,6.7" width="13.4">
455
356
<polygon fill="#ffffff" points="0,0 1.675,0 0,1.675"/>
456
357
<polygon fill="#ffffff" points="0,6.7 6.7,0 6.7,1.675 1.675,6.7"/>
457
-
</pattern>
458
-
<pattern height="13.6" id="pattern-hatched-45deg-white-6.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.8,6.8" width="13.6">
358
+
</pattern><pattern height="13.6" id="pattern-hatched-45deg-white-6.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.8,6.8" width="13.6">
459
359
<polygon fill="#ffffff" points="0,0 1.7,0 0,1.7"/>
460
360
<polygon fill="#ffffff" points="0,6.8 6.8,0 6.8,1.7 1.7,6.8"/>
461
-
</pattern>
462
-
<pattern height="13.8" id="pattern-hatched-45deg-white-6.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.9,6.9" width="13.8">
361
+
</pattern><pattern height="13.8" id="pattern-hatched-45deg-white-6.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,6.9,6.9" width="13.8">
463
362
<polygon fill="#ffffff" points="0,0 1.725,0 0,1.725"/>
464
363
<polygon fill="#ffffff" points="0,6.9 6.9,0 6.9,1.725 1.725,6.9"/>
465
-
</pattern>
466
-
<pattern height="14" id="pattern-hatched-45deg-white-7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7,7" width="14">
364
+
</pattern><pattern height="14" id="pattern-hatched-45deg-white-7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7,7" width="14">
467
365
<polygon fill="#ffffff" points="0,0 1.75,0 0,1.75"/>
468
366
<polygon fill="#ffffff" points="0,7 7,0 7,1.75 1.75,7"/>
469
-
</pattern>
470
-
<pattern height="14.2" id="pattern-hatched-45deg-white-7.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.1,7.1" width="14.2">
367
+
</pattern><pattern height="14.2" id="pattern-hatched-45deg-white-7.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.1,7.1" width="14.2">
471
368
<polygon fill="#ffffff" points="0,0 1.775,0 0,1.775"/>
472
369
<polygon fill="#ffffff" points="0,7.1 7.1,0 7.1,1.775 1.775,7.1"/>
473
-
</pattern>
474
-
<pattern height="14.4" id="pattern-hatched-45deg-white-7.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.2,7.2" width="14.4">
370
+
</pattern><pattern height="14.4" id="pattern-hatched-45deg-white-7.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.2,7.2" width="14.4">
475
371
<polygon fill="#ffffff" points="0,0 1.8,0 0,1.8"/>
476
372
<polygon fill="#ffffff" points="0,7.2 7.2,0 7.2,1.8 1.8,7.2"/>
477
-
</pattern>
478
-
<pattern height="14.6" id="pattern-hatched-45deg-white-7.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.3,7.3" width="14.6">
373
+
</pattern><pattern height="14.6" id="pattern-hatched-45deg-white-7.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.3,7.3" width="14.6">
479
374
<polygon fill="#ffffff" points="0,0 1.825,0 0,1.825"/>
480
375
<polygon fill="#ffffff" points="0,7.3 7.3,0 7.3,1.825 1.825,7.3"/>
481
-
</pattern>
482
-
<pattern height="14.8" id="pattern-hatched-45deg-white-7.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.4,7.4" width="14.8">
376
+
</pattern><pattern height="14.8" id="pattern-hatched-45deg-white-7.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.4,7.4" width="14.8">
483
377
<polygon fill="#ffffff" points="0,0 1.85,0 0,1.85"/>
484
378
<polygon fill="#ffffff" points="0,7.4 7.4,0 7.4,1.85 1.85,7.4"/>
485
-
</pattern>
486
-
<pattern height="15" id="pattern-hatched-45deg-white-7.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.5,7.5" width="15">
379
+
</pattern><pattern height="15" id="pattern-hatched-45deg-white-7.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.5,7.5" width="15">
487
380
<polygon fill="#ffffff" points="0,0 1.875,0 0,1.875"/>
488
381
<polygon fill="#ffffff" points="0,7.5 7.5,0 7.5,1.875 1.875,7.5"/>
489
-
</pattern>
490
-
<pattern height="15.2" id="pattern-hatched-45deg-white-7.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.6,7.6" width="15.2">
382
+
</pattern><pattern height="15.2" id="pattern-hatched-45deg-white-7.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.6,7.6" width="15.2">
491
383
<polygon fill="#ffffff" points="0,0 1.9,0 0,1.9"/>
492
384
<polygon fill="#ffffff" points="0,7.6 7.6,0 7.6,1.9 1.9,7.6"/>
493
-
</pattern>
494
-
<pattern height="15.4" id="pattern-hatched-45deg-white-7.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.7,7.7" width="15.4">
385
+
</pattern><pattern height="15.4" id="pattern-hatched-45deg-white-7.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.7,7.7" width="15.4">
495
386
<polygon fill="#ffffff" points="0,0 1.925,0 0,1.925"/>
496
387
<polygon fill="#ffffff" points="0,7.7 7.7,0 7.7,1.925 1.925,7.7"/>
497
-
</pattern>
498
-
<pattern height="15.6" id="pattern-hatched-45deg-white-7.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.8,7.8" width="15.6">
388
+
</pattern><pattern height="15.6" id="pattern-hatched-45deg-white-7.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.8,7.8" width="15.6">
499
389
<polygon fill="#ffffff" points="0,0 1.95,0 0,1.95"/>
500
390
<polygon fill="#ffffff" points="0,7.8 7.8,0 7.8,1.95 1.95,7.8"/>
501
-
</pattern>
502
-
<pattern height="15.8" id="pattern-hatched-45deg-white-7.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.9,7.9" width="15.8">
391
+
</pattern><pattern height="15.8" id="pattern-hatched-45deg-white-7.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,7.9,7.9" width="15.8">
503
392
<polygon fill="#ffffff" points="0,0 1.975,0 0,1.975"/>
504
393
<polygon fill="#ffffff" points="0,7.9 7.9,0 7.9,1.975 1.975,7.9"/>
505
-
</pattern>
506
-
<pattern height="16" id="pattern-hatched-45deg-white-8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8,8" width="16">
394
+
</pattern><pattern height="16" id="pattern-hatched-45deg-white-8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8,8" width="16">
507
395
<polygon fill="#ffffff" points="0,0 2,0 0,2"/>
508
396
<polygon fill="#ffffff" points="0,8 8,0 8,2 2,8"/>
509
-
</pattern>
510
-
<pattern height="16.2" id="pattern-hatched-45deg-white-8.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.1,8.1" width="16.2">
397
+
</pattern><pattern height="16.2" id="pattern-hatched-45deg-white-8.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.1,8.1" width="16.2">
511
398
<polygon fill="#ffffff" points="0,0 2.025,0 0,2.025"/>
512
399
<polygon fill="#ffffff" points="0,8.1 8.1,0 8.1,2.025 2.025,8.1"/>
513
-
</pattern>
514
-
<pattern height="16.4" id="pattern-hatched-45deg-white-8.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.2,8.2" width="16.4">
400
+
</pattern><pattern height="16.4" id="pattern-hatched-45deg-white-8.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.2,8.2" width="16.4">
515
401
<polygon fill="#ffffff" points="0,0 2.05,0 0,2.05"/>
516
402
<polygon fill="#ffffff" points="0,8.2 8.2,0 8.2,2.05 2.05,8.2"/>
517
-
</pattern>
518
-
<pattern height="16.6" id="pattern-hatched-45deg-white-8.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.3,8.3" width="16.6">
403
+
</pattern><pattern height="16.6" id="pattern-hatched-45deg-white-8.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.3,8.3" width="16.6">
519
404
<polygon fill="#ffffff" points="0,0 2.075,0 0,2.075"/>
520
405
<polygon fill="#ffffff" points="0,8.3 8.3,0 8.3,2.075 2.075,8.3"/>
521
-
</pattern>
522
-
<pattern height="16.8" id="pattern-hatched-45deg-white-8.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.4,8.4" width="16.8">
406
+
</pattern><pattern height="16.8" id="pattern-hatched-45deg-white-8.4-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.4,8.4" width="16.8">
523
407
<polygon fill="#ffffff" points="0,0 2.1,0 0,2.1"/>
524
408
<polygon fill="#ffffff" points="0,8.4 8.4,0 8.4,2.1 2.1,8.4"/>
525
-
</pattern>
526
-
<pattern height="17" id="pattern-hatched-45deg-white-8.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.5,8.5" width="17">
409
+
</pattern><pattern height="17" id="pattern-hatched-45deg-white-8.5-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.5,8.5" width="17">
527
410
<polygon fill="#ffffff" points="0,0 2.125,0 0,2.125"/>
528
411
<polygon fill="#ffffff" points="0,8.5 8.5,0 8.5,2.125 2.125,8.5"/>
529
-
</pattern>
530
-
<pattern height="17.2" id="pattern-hatched-45deg-white-8.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.6,8.6" width="17.2">
412
+
</pattern><pattern height="17.2" id="pattern-hatched-45deg-white-8.6-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.6,8.6" width="17.2">
531
413
<polygon fill="#ffffff" points="0,0 2.15,0 0,2.15"/>
532
414
<polygon fill="#ffffff" points="0,8.6 8.6,0 8.6,2.15 2.15,8.6"/>
533
-
</pattern>
534
-
<pattern height="17.4" id="pattern-hatched-45deg-white-8.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.7,8.7" width="17.4">
415
+
</pattern><pattern height="17.4" id="pattern-hatched-45deg-white-8.7-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.7,8.7" width="17.4">
535
416
<polygon fill="#ffffff" points="0,0 2.175,0 0,2.175"/>
536
417
<polygon fill="#ffffff" points="0,8.7 8.7,0 8.7,2.175 2.175,8.7"/>
537
-
</pattern>
538
-
<pattern height="17.6" id="pattern-hatched-45deg-white-8.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.8,8.8" width="17.6">
418
+
</pattern><pattern height="17.6" id="pattern-hatched-45deg-white-8.8-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.8,8.8" width="17.6">
539
419
<polygon fill="#ffffff" points="0,0 2.2,0 0,2.2"/>
540
420
<polygon fill="#ffffff" points="0,8.8 8.8,0 8.8,2.2 2.2,8.8"/>
541
-
</pattern>
542
-
<pattern height="17.8" id="pattern-hatched-45deg-white-8.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.9,8.9" width="17.8">
421
+
</pattern><pattern height="17.8" id="pattern-hatched-45deg-white-8.9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,8.9,8.9" width="17.8">
543
422
<polygon fill="#ffffff" points="0,0 2.225,0 0,2.225"/>
544
423
<polygon fill="#ffffff" points="0,8.9 8.9,0 8.9,2.225 2.225,8.9"/>
545
-
</pattern>
546
-
<pattern height="18" id="pattern-hatched-45deg-white-9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9,9" width="18">
424
+
</pattern><pattern height="18" id="pattern-hatched-45deg-white-9-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9,9" width="18">
547
425
<polygon fill="#ffffff" points="0,0 2.25,0 0,2.25"/>
548
426
<polygon fill="#ffffff" points="0,9 9,0 9,2.25 2.25,9"/>
549
-
</pattern>
550
-
<pattern height="18.2" id="pattern-hatched-45deg-white-9.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.1,9.1" width="18.2">
427
+
</pattern><pattern height="18.2" id="pattern-hatched-45deg-white-9.1-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.1,9.1" width="18.2">
551
428
<polygon fill="#ffffff" points="0,0 2.275,0 0,2.275"/>
552
429
<polygon fill="#ffffff" points="0,9.1 9.1,0 9.1,2.275 2.275,9.1"/>
553
-
</pattern>
554
-
<pattern height="18.4" id="pattern-hatched-45deg-white-9.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.2,9.2" width="18.4">
430
+
</pattern><pattern height="18.4" id="pattern-hatched-45deg-white-9.2-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.2,9.2" width="18.4">
555
431
<polygon fill="#ffffff" points="0,0 2.3,0 0,2.3"/>
556
432
<polygon fill="#ffffff" points="0,9.2 9.2,0 9.2,2.3 2.3,9.2"/>
557
-
</pattern>
558
-
<pattern height="18.6" id="pattern-hatched-45deg-white-9.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.3,9.3" width="18.6">
433
+
</pattern><pattern height="18.6" id="pattern-hatched-45deg-white-9.3-0.25" patternTransform="rotate(0)" patternUnits="userSpaceOnUse" viewBox="0,0,9.3,9.3" width="18.6">
559
434
<polygon fill="#ffffff" points="0,0 2.325,0 0,2.325"/>
560
435
<polygon fill="#ffffff" points="0,9.3 9.3,0 9.3,2.325 2.325,9.3"/>
561
-
</pattern>
562
-
</defs>
563
-
</svg>
436
+
</pattern></defs></svg>
+11
-12
examples/specimen/src/snapshots/specimen__colors_shed.snap
+11
-12
examples/specimen/src/snapshots/specimen__colors_shed.snap
···
5
5
<svg height="150" viewBox="0 0 150 150" width="150" xmlns="http://www.w3.org/2000/svg">
6
6
<rect fill="white" height="150" width="150" x="0" y="0"/>
7
7
<g class="layer" data-layer="root">
8
-
<rect data-object="root--anon-0" height="50" style="fill: blue;" width="50" x="0" y="0"/>
9
-
<rect data-object="root--anon-1" height="50" style="fill: cyan;" width="50" x="50" y="0"/>
10
-
<rect data-object="root--anon-2" height="50" style="fill: yellow;" width="50" x="100" y="0"/>
11
-
<rect data-object="root--anon-3" height="50" style="fill: orange;" width="50" x="0" y="50"/>
12
-
<rect data-object="root--anon-4" height="50" style="fill: red;" width="50" x="50" y="50"/>
13
-
<rect data-object="root--anon-5" height="50" style="fill: brown;" width="50" x="100" y="50"/>
14
-
<rect data-object="root--anon-6" height="50" style="fill: purple;" width="50" x="0" y="100"/>
15
-
<rect data-object="root--anon-7" height="50" style="fill: pink;" width="50" x="50" y="100"/>
16
-
<rect data-object="root--anon-8" height="50" style="fill: green;" width="50" x="100" y="100"/>
17
-
</g>
18
-
<g class="layer" data-layer="circles"/>
19
-
<defs/>
8
+
<rect data-object="root--anon-0" height="50" width="50" x="0" y="0" style="fill: blue;"/>
9
+
<rect data-object="root--anon-1" height="50" width="50" x="50" y="0" style="fill: cyan;"/>
10
+
<rect data-object="root--anon-2" height="50" width="50" x="100" y="0" style="fill: yellow;"/>
11
+
<rect data-object="root--anon-3" height="50" width="50" x="0" y="50" style="fill: orange;"/>
12
+
<rect data-object="root--anon-4" height="50" width="50" x="50" y="50" style="fill: red;"/>
13
+
<rect data-object="root--anon-5" height="50" width="50" x="100" y="50" style="fill: brown;"/>
14
+
<rect data-object="root--anon-6" height="50" width="50" x="0" y="100" style="fill: purple;"/>
15
+
<rect data-object="root--anon-7" height="50" width="50" x="50" y="100" style="fill: pink;"/>
16
+
<rect data-object="root--anon-8" height="50" width="50" x="100" y="100" style="fill: green;"/>
17
+
</g><g class="layer" data-layer="circles"/>
18
+
<defs />
20
19
</svg>
+1
-2
examples/specimen/src/snapshots/specimen__grid.snap
+1
-2
examples/specimen/src/snapshots/specimen__grid.snap
···
14
14
<circle cx="0" cy="100" data-object="root--anon-6" r="2" style="fill: black;"/>
15
15
<circle cx="50" cy="100" data-object="root--anon-7" r="2" style="fill: black;"/>
16
16
<circle cx="100" cy="100" data-object="root--anon-8" r="2" style="fill: black;"/>
17
-
</g>
18
-
<defs/>
17
+
</g><defs />
19
18
</svg>
+7
-8
examples/specimen/src/snapshots/specimen__shapes_shed.snap
+7
-8
examples/specimen/src/snapshots/specimen__shapes_shed.snap
···
6
6
<rect fill="white" height="170" width="170" x="-10" y="-10"/>
7
7
<g class="layer" data-layer="root">
8
8
<circle cx="25" cy="25" data-object="root--anon-0" r="25" style="fill: black;"/>
9
-
<path d="M50,50 Q100,50,100,0" data-object="root--anon-1" stroke-width="5" style="stroke: black; fill: transparent;"/>
10
-
<path d="M100,50 Q100,0,150,0" data-object="root--anon-2" stroke-width="5" style="stroke: black; fill: transparent;"/>
9
+
<path d="M 50 50 Q 100 50 100 0" data-object="root--anon-1" stroke-width="5" style="stroke: black; fill: transparent;"/>
10
+
<path d="M 100 50 Q 100 0 150 0" data-object="root--anon-2" stroke-width="5" style="stroke: black; fill: transparent;"/>
11
11
<circle cx="0" cy="50" data-object="root--anon-3" r="5" style="fill: black;"/>
12
-
<line data-object="root--anon-4" stroke-width="5" style="stroke: black; fill: transparent;" x1="50" x2="100" y1="50" y2="100"/>
13
-
<rect data-object="root--anon-5" height="50" style="fill: black;" width="50" x="0" y="100"/>
12
+
<line data-object="root--anon-4" stroke-width="5" x1="50" x2="100" y1="50" y2="100" style="stroke: black; fill: transparent;"/>
13
+
<rect data-object="root--anon-5" height="50" width="50" x="0" y="100" style="fill: black;"/>
14
14
<circle cx="100" cy="150" data-object="root--anon-6" r="2" style="fill: black;"/>
15
-
<path d="M100,50 L150,50 L150,100 z" data-object="root--anon-7" style="fill: black;"/>
16
-
<text data-object="root--anon-8" dominant-baseline="hanging" font-family="Inconsolata" font-size="5pt" style="fill: black;" x="0" y="0">test</text>
17
-
</g>
18
-
<defs/>
15
+
<path d="M 100 50 L 150 50 L 150 100 Z" data-object="root--anon-7" style="fill: black;"/>
16
+
<text data-object="root--anon-8" dominant-baseline="hanging" font-family="Inconsolata" font-size="5pt" text-anchor="start" x="0" y="0" style="fill: black;">
17
+
test</text></g><defs />
19
18
</svg>
+44
-50
src/graphics/fill.rs
+44
-50
src/graphics/fill.rs
···
1
-
use crate::{Angle, Color, ColorMapping};
1
+
use crate::{rendering::svg, Angle, Color, ColorMapping};
2
2
3
3
#[derive(Debug, Clone, Copy)]
4
4
pub enum Fill {
···
78
78
pub fn pattern_definition(
79
79
&self,
80
80
colormapping: &ColorMapping,
81
-
) -> Option<svg::node::element::Pattern> {
81
+
) -> Option<svg::Node> {
82
82
match self {
83
83
Fill::Hatches(color, angle, size, thickness_ratio) => {
84
84
let thickness = size * (2.0 * thickness_ratio);
85
85
86
-
let pattern = svg::node::element::Pattern::new()
87
-
.set("id", self.pattern_id())
88
-
.set("patternUnits", "userSpaceOnUse")
89
-
.set("height", size * 2.0)
90
-
.set("width", size * 2.0)
91
-
.set("viewBox", format!("0,0,{},{}", size, size))
92
-
.set(
86
+
let pattern = svg::tag("pattern")
87
+
.attr("id", self.pattern_id())
88
+
.attr("patternUnits", "userSpaceOnUse")
89
+
.attr("height", size * 2.0)
90
+
.attr("width", size * 2.0)
91
+
.attr("viewBox", format!("0,0,{},{}", size, size))
92
+
.attr(
93
93
"patternTransform",
94
94
format!("rotate({})", (*angle - Angle(45.0)).degrees()),
95
95
)
96
96
// https://stackoverflow.com/a/55104220/9943464
97
-
.add(
98
-
svg::node::element::Polygon::new()
99
-
.set(
100
-
"points",
101
-
format!(
102
-
"0,0 {},0 0,{}",
103
-
thickness / 2.0,
104
-
thickness / 2.0
105
-
),
106
-
)
107
-
.set("fill", color.render(colormapping)),
108
-
)
109
-
.add(
110
-
svg::node::element::Polygon::new()
111
-
.set(
112
-
"points",
113
-
format!(
114
-
"0,{} {},0 {},{} {},{}",
115
-
size,
116
-
size,
117
-
size,
118
-
thickness / 2.0,
119
-
thickness / 2.0,
120
-
size,
121
-
),
122
-
)
123
-
.set("fill", color.render(colormapping)),
124
-
);
97
+
.wrapping(vec![
98
+
svg::tag("polygon").fill(*color, colormapping).attr(
99
+
"points",
100
+
format!(
101
+
"0,0 {},0 0,{}",
102
+
thickness / 2.0,
103
+
thickness / 2.0
104
+
),
105
+
),
106
+
svg::tag("polygon").fill(*color, colormapping).attr(
107
+
"points",
108
+
format!(
109
+
"0,{} {},0 {},{} {},{}",
110
+
size,
111
+
size,
112
+
size,
113
+
thickness / 2.0,
114
+
thickness / 2.0,
115
+
size,
116
+
),
117
+
),
118
+
])
119
+
.node();
125
120
126
121
Some(pattern)
127
122
}
128
123
Fill::Dotted(color, diameter, spacing) => {
129
124
let box_size = diameter + 2.0 * spacing;
130
-
let pattern = svg::node::element::Pattern::new()
131
-
.set("id", self.pattern_id())
132
-
.set("patternUnits", "userSpaceOnUse")
133
-
.set("height", box_size)
134
-
.set("width", box_size)
135
-
.set("viewBox", format!("0,0,{},{}", box_size, box_size))
136
-
.add(
137
-
svg::node::element::Circle::new()
138
-
.set("cx", box_size / 2.0)
139
-
.set("cy", box_size / 2.0)
140
-
.set("r", diameter / 2.0)
141
-
.set("fill", color.render(colormapping)),
142
-
);
125
+
let pattern = svg::tag("pattern")
126
+
.attr("id", self.pattern_id())
127
+
.attr("patternUnits", "userSpaceOnUse")
128
+
.attr("height", box_size)
129
+
.attr("width", box_size)
130
+
.attr("viewBox", format!("0,0,{},{}", box_size, box_size))
131
+
.wrapping(vec![svg::tag("circle")
132
+
.fill(*color, colormapping)
133
+
.attr("cx", box_size / 2.0)
134
+
.attr("cy", box_size / 2.0)
135
+
.attr("r", diameter / 2.0)])
136
+
.node();
143
137
144
138
Some(pattern)
145
139
}
+1
-1
src/graphics/objects.rs
+1
-1
src/graphics/objects.rs
+20
-18
src/rendering/canvas.rs
+20
-18
src/rendering/canvas.rs
···
1
1
use super::renderable::SVGRenderable;
2
-
use crate::graphics::canvas::Canvas;
2
+
use crate::{graphics::canvas::Canvas, rendering::svg};
3
3
use measure_time::debug_time;
4
4
use resvg::usvg;
5
5
use std::sync::Arc;
···
11
11
cell_size: usize,
12
12
object_sizes: crate::graphics::objects::ObjectSizes,
13
13
_id: &str,
14
-
) -> anyhow::Result<svg::node::element::Element> {
14
+
) -> anyhow::Result<svg::Node> {
15
15
debug_time!("render_to_svg/canvas");
16
16
let background_color = self.background.unwrap_or_default();
17
-
let mut svg = svg::Document::new();
18
-
svg = svg.add(
19
-
svg::node::element::Rectangle::new()
20
-
.set("x", -(self.canvas_outter_padding as i32))
21
-
.set("y", -(self.canvas_outter_padding as i32))
22
-
.set("width", self.width())
23
-
.set("height", self.height())
24
-
.set("fill", background_color.render(&self.colormap)),
17
+
let mut svg = svg::tag("svg").attr("xmlns", "http://www.w3.org/2000/svg");
18
+
19
+
svg.add(
20
+
svg::tag("rect")
21
+
.attr("x", -(self.canvas_outter_padding as i32))
22
+
.attr("y", -(self.canvas_outter_padding as i32))
23
+
.attr("width", self.width())
24
+
.attr("height", self.height())
25
+
.attr("fill", background_color.render(&self.colormap)),
25
26
);
26
27
27
28
for layer in self.layers.iter().filter(|layer| !layer.hidden).rev() {
28
-
svg = svg.add(layer.render_to_svg(
29
+
svg.add(layer.render_to_svg(
29
30
colormap.clone(),
30
31
cell_size,
31
32
layer.object_sizes,
···
33
34
)?);
34
35
}
35
36
36
-
let mut defs = svg::node::element::Definitions::new();
37
+
let mut defs = svg::tag("defs");
37
38
for filter in self.unique_filters() {
38
-
defs = defs.add(filter.render_to_svg(
39
+
defs.add(filter.render_to_svg(
39
40
colormap.clone(),
40
41
cell_size,
41
42
object_sizes,
···
47
48
if let Some(patterndef) =
48
49
pattern_fill.pattern_definition(&self.colormap)
49
50
{
50
-
defs = defs.add(patterndef)
51
+
defs.add(patterndef);
51
52
}
52
53
}
53
54
55
+
svg.add(defs);
56
+
54
57
Ok(svg
55
-
.add(defs)
56
-
.set(
58
+
.attr(
57
59
"viewBox",
58
60
format!(
59
61
"{0} {0} {1} {2}",
···
62
64
self.height()
63
65
),
64
66
)
65
-
.set("width", self.width())
66
-
.set("height", self.height())
67
+
.attr("width", self.width())
68
+
.attr("height", self.height())
67
69
.into())
68
70
}
69
71
}
+30
-50
src/rendering/filter.rs
+30
-50
src/rendering/filter.rs
···
2
2
3
3
use crate::{ColorMapping, Filter, FilterType};
4
4
5
-
use super::{renderable::SVGRenderable, CSSRenderable};
5
+
use super::{renderable::SVGRenderable, svg, CSSRenderable};
6
6
7
7
impl SVGRenderable for Filter {
8
8
fn render_to_svg(
···
11
11
_cell_size: usize,
12
12
_object_sizes: crate::graphics::objects::ObjectSizes,
13
13
_id: &str,
14
-
) -> anyhow::Result<svg::node::element::Element> {
14
+
) -> anyhow::Result<svg::Node> {
15
15
{
16
16
debug_time!("render_to_svg/filter");
17
17
Ok(match self.kind {
···
28
28
// "#,
29
29
// 2.5
30
30
// ) // TODO parameterize stdDeviation
31
-
svg::node::element::Filter::new()
32
-
.add(
33
-
// TODO parameterize stdDeviation
34
-
svg::node::element::FilterEffectGaussianBlur::new()
35
-
.set("stdDeviation", self.parameter)
36
-
.set("result", "coloredBlur"),
37
-
)
38
-
.add(
39
-
svg::node::element::FilterEffectMerge::new()
40
-
.add(
41
-
svg::node::element::FilterEffectMergeNode::new()
42
-
.set("in", "coloredBlur"),
43
-
)
44
-
.add(
45
-
svg::node::element::FilterEffectMergeNode::new()
46
-
.set("in", "SourceGraphic"),
47
-
),
48
-
)
31
+
svg::tag("filter").wrapping(vec![
32
+
// TODO parameterize stdDeviation
33
+
svg::tag("feGaussianBlur")
34
+
.attr("stdDeviation", self.parameter)
35
+
.attr("result", "coloredBlur"),
36
+
svg::tag("feMerge").wrapping(vec![
37
+
svg::tag("feMergeNode").attr("in", "coloredBlur"),
38
+
svg::tag("feMergeNode").attr("in", "SourceGraphic"),
39
+
]),
40
+
])
49
41
}
50
42
FilterType::NaturalShadow => {
51
43
/*
···
58
50
</feMerge>
59
51
</filter>
60
52
*/
61
-
svg::node::element::Filter::new()
62
-
.add(
63
-
svg::node::element::FilterEffectOffset::new()
64
-
.set("in", "SourceGraphic")
65
-
.set("dx", self.parameter)
66
-
.set("dy", self.parameter),
67
-
)
68
-
.add(
69
-
svg::node::element::FilterEffectGaussianBlur::new()
70
-
.set("stdDeviation", self.parameter * 4.0)
71
-
.set("result", "blur"),
72
-
)
73
-
.add(
74
-
svg::node::element::FilterEffectMerge::new()
75
-
.add(
76
-
svg::node::element::FilterEffectMergeNode::new()
77
-
.set("in", "blur"),
78
-
)
79
-
.add(
80
-
svg::node::element::FilterEffectMergeNode::new()
81
-
.set("in", "SourceGraphic"),
82
-
),
83
-
)
53
+
svg::tag("filter").wrapping(vec![
54
+
svg::tag("feOffset")
55
+
.attr("in", "SourceGraphic")
56
+
.attr("dx", self.parameter)
57
+
.attr("dy", self.parameter),
58
+
svg::tag("feGaussianBlur")
59
+
.attr("stdDeviation", self.parameter * 4.0)
60
+
.attr("result", "blur"),
61
+
svg::tag("feMerge").wrapping(vec![
62
+
svg::tag("feMergeNode").attr("in", "blur"),
63
+
svg::tag("feMergeNode").attr("in", "SourceGraphic"),
64
+
]),
65
+
])
84
66
}
85
67
FilterType::Saturation => {
86
68
/*
···
88
70
<feColorMatrix type="saturate" values="0.5"/>
89
71
</filter>
90
72
*/
91
-
svg::node::element::Filter::new().add(
92
-
svg::node::element::FilterEffectColorMatrix::new()
93
-
.set("type", "saturate")
94
-
.set("values", self.parameter),
95
-
)
73
+
svg::tag("filter").wrapping(vec![svg::tag("feColorMatrix")
74
+
.attr("type", "saturate")
75
+
.attr("values", self.parameter)])
96
76
}
97
77
}
98
-
.set("id", self.id())
99
-
.set("filterUnit", "userSpaceOnUse")
78
+
.attr("id", self.id())
79
+
.attr("filterUnit", "userSpaceOnUse")
100
80
.into())
101
81
}
102
82
}
+8
-13
src/rendering/layer.rs
+8
-13
src/rendering/layer.rs
···
1
1
use itertools::Itertools;
2
2
use measure_time::debug_time;
3
3
4
-
use super::renderable::SVGRenderable;
4
+
use super::{renderable::SVGRenderable, svg};
5
5
use crate::Layer;
6
6
7
7
impl SVGRenderable for Layer {
···
11
11
cell_size: usize,
12
12
object_sizes: crate::graphics::objects::ObjectSizes,
13
13
id: &str,
14
-
) -> anyhow::Result<svg::node::element::Element> {
14
+
) -> anyhow::Result<svg::Node> {
15
15
debug_time!("render_to_svg/layer");
16
-
let mut layer_group = svg::node::element::Group::new()
17
-
.set("class", "layer")
18
-
.set("data-layer", self.name.clone());
19
-
20
-
for (object_id, obj) in
21
-
self.objects.iter().sorted_by_key(|(oid, _)| (*oid).clone())
22
-
{
23
-
layer_group = layer_group.add(obj.render_to_svg(
16
+
let mut group = svg::tag("g").class("layer").dataset("layer", &self.name);
17
+
for (object_id, object) in
18
+
self.objects.iter().sorted_by_key(|(oid, _)| (*oid).clone()) {
19
+
group.add(object.render_to_svg(
24
20
colormap.clone(),
25
21
cell_size,
26
22
object_sizes,
27
-
&[id, object_id].join("--"),
23
+
&format!("{}--{}", id, object_id),
28
24
)?);
29
25
}
30
-
31
-
Ok(layer_group.into())
26
+
Ok(group.into())
32
27
}
33
28
}
+2
-1
src/rendering/mod.rs
+2
-1
src/rendering/mod.rs
···
1
1
pub mod canvas;
2
+
pub mod svg;
2
3
pub mod fill;
3
4
pub mod filter;
4
5
pub mod fonts;
···
10
11
use measure_time::debug_time;
11
12
pub use renderable::{CSSRenderable, SVGAttributesRenderable, SVGRenderable};
12
13
13
-
pub fn stringify_svg(element: svg::node::element::Element) -> String {
14
+
pub fn stringify_svg(element: svg::Node) -> String {
14
15
debug_time!("stringify_svg");
15
16
16
17
return element.to_string();
+119
-132
src/rendering/objects.rs
+119
-132
src/rendering/objects.rs
···
6
6
ColoredObject, Object,
7
7
};
8
8
9
-
use super::{renderable::SVGRenderable, CSSRenderable, SVGAttributesRenderable};
9
+
use super::{
10
+
renderable::SVGRenderable, svg, CSSRenderable, SVGAttributesRenderable,
11
+
};
10
12
11
13
impl SVGRenderable for ColoredObject {
12
14
fn render_to_svg(
···
15
17
cell_size: usize,
16
18
object_sizes: crate::graphics::objects::ObjectSizes,
17
19
id: &str,
18
-
) -> anyhow::Result<svg::node::element::Element> {
20
+
) -> anyhow::Result<svg::Node> {
19
21
debug_time!("render_to_svg/colored_object");
20
-
let mut obj = self.object.render_to_svg(
22
+
let plain_obj = self.object.render_to_svg(
21
23
colormap.clone(),
22
24
cell_size,
23
25
object_sizes,
24
26
id,
25
27
)?;
26
28
27
-
let mut css = String::new();
28
-
if !matches!(self.object, Object::RawSVG(..)) {
29
-
css = self
30
-
.fill
31
-
.render_to_css(&colormap.clone(), !self.object.fillable());
32
-
}
29
+
let mut css = self
30
+
.fill
31
+
.render_to_css(&colormap.clone(), !self.object.fillable());
33
32
34
33
if !self.transformations.is_empty() || !self.filters.is_empty() {
35
-
obj = svg::node::element::Group::new()
36
-
.set("data-object", id)
37
-
.add(obj)
38
-
.into();
39
-
40
-
let attributes = obj.get_attributes_mut();
41
-
42
-
for (key, value) in self.transformations.render_to_svg_attributes(
43
-
colormap.clone(),
44
-
cell_size,
45
-
object_sizes,
46
-
id,
47
-
)? {
48
-
attributes.insert(key, value.into());
49
-
}
50
-
51
34
let start = self.object.region().start.coords(cell_size);
52
35
let (w, h) = (
53
36
self.object.region().width() * cell_size,
54
37
self.object.region().height() * cell_size,
55
38
);
56
39
57
-
attributes.insert(
58
-
"transform-origin".to_string(),
59
-
format!(
60
-
"{} {}",
61
-
start.0 + (w as f32 / 2.0),
62
-
start.1 + (h as f32 / 2.0)
63
-
)
64
-
.into(),
65
-
);
66
-
67
40
css += "transform-box: fill-box;";
68
41
69
42
css += self
···
72
45
.map(|f| f.render_to_css_filled(&colormap))
73
46
.join(" ")
74
47
.as_ref();
75
-
}
76
48
77
-
obj.get_attributes_mut().insert("style".into(), css.into());
78
-
79
-
Ok(obj)
49
+
Ok(svg::tag("g")
50
+
.dataset("object", id)
51
+
.attr(
52
+
"transform-origin",
53
+
&format!(
54
+
"{} {}",
55
+
start.0 + (w as f32 / 2.0),
56
+
start.1 + (h as f32 / 2.0)
57
+
),
58
+
)
59
+
.with_attributes(self.transformations.render_to_svg_attributes(
60
+
colormap,
61
+
cell_size,
62
+
object_sizes,
63
+
id,
64
+
)?)
65
+
.wrapping(vec![plain_obj])
66
+
.attr("style", &css)
67
+
.into())
68
+
} else {
69
+
Ok(match plain_obj {
70
+
svg::Node::Element(el) => el.attr("style", &css).into(),
71
+
_ => plain_obj,
72
+
})
73
+
}
80
74
}
81
75
}
82
76
···
87
81
cell_size: usize,
88
82
object_sizes: crate::graphics::objects::ObjectSizes,
89
83
id: &str,
90
-
) -> anyhow::Result<svg::node::element::Element> {
84
+
) -> anyhow::Result<svg::Node> {
91
85
debug_time!("render_to_svg/object");
92
-
let mut rendered = match self {
86
+
let rendered = match self {
93
87
Object::Text(..) | Object::CenteredText(..) => {
94
88
self.render_text(cell_size)
95
89
}
···
108
102
Object::RawSVG(..) => self.render_raw_svg(),
109
103
};
110
104
111
-
// Ok(group.set("data-object", id).add(rendered).into())
112
-
rendered
113
-
.get_attributes_mut()
114
-
.insert("data-object".into(), id.into());
115
-
Ok(rendered)
105
+
Ok(match rendered {
106
+
svg::Node::Element(el) => el.dataset("object", id).into(),
107
+
svg::Node::SVG(svg) => {
108
+
if svg.trim().starts_with("<") {
109
+
let (before, after) =
110
+
svg.split_once(' ').unwrap_or(svg.split_once(">").expect("Malformed SVG tag, {svg} starts with < but doesn't contain a space or >"));
111
+
svg::Node::SVG(format!(
112
+
r#"{before} data-object="{id}" {after}"#
113
+
))
114
+
} else {
115
+
eprintln!("Malformed raw SVG, {svg} doesn't start with <");
116
+
svg::Node::SVG(svg)
117
+
}
118
+
}
119
+
_ => {
120
+
panic!("Expected Element or SVG, got {:?}", rendered);
121
+
}
122
+
})
116
123
}
117
124
}
118
125
119
126
impl Object {
120
-
fn render_image(&self, cell_size: usize) -> svg::node::element::Element {
127
+
fn render_image(&self, cell_size: usize) -> svg::Node {
121
128
if let Object::Image(region, path) = self {
122
-
let (x, y) = region.start.coords(cell_size);
123
-
return svg::node::element::Image::new()
124
-
.set("x", x)
125
-
.set("y", y)
126
-
.set("width", region.width() * cell_size)
127
-
.set("height", region.height() * cell_size)
128
-
.set("href", path.clone())
129
+
return svg::tag("image")
130
+
.coords(region.start.coords(cell_size))
131
+
.attr("width", region.width() * cell_size)
132
+
.attr("height", region.height() * cell_size)
133
+
.attr("href", path.clone())
129
134
.into();
130
135
}
131
136
132
137
panic!("Expected Image, got {:?}", self);
133
138
}
134
139
135
-
fn render_raw_svg(&self) -> svg::node::element::Element {
140
+
fn render_raw_svg(&self) -> svg::Node {
136
141
if let Object::RawSVG(svg) = self {
137
-
return svg.clone();
142
+
return svg::Node::SVG(svg.clone());
138
143
}
139
144
140
145
panic!("Expected RawSVG, got {:?}", self);
141
146
}
142
147
143
-
fn render_text(&self, cell_size: usize) -> svg::node::element::Element {
144
-
if let Object::Text(position, content, font_size)
145
-
| Object::CenteredText(position, content, font_size) = self
146
-
{
147
-
let centered = matches!(self, Object::CenteredText(..));
148
+
fn render_text(&self, cell_size: usize) -> svg::Node {
149
+
match self {
150
+
Object::Text(position, content, font_size)
151
+
| Object::CenteredText(position, content, font_size) => {
152
+
let centered = matches!(self, Object::CenteredText(..));
148
153
149
-
let coords = if centered {
150
-
position.center_coords(cell_size)
151
-
} else {
152
-
position.coords(cell_size)
153
-
};
154
-
155
-
let mut node = svg::node::element::Text::new(content.clone())
156
-
.set("x", coords.0)
157
-
.set("y", coords.1)
158
-
.set("font-size", format!("{}pt", font_size))
159
-
.set("font-family", "Inconsolata");
160
-
161
-
if centered {
162
-
node = node
163
-
.set("text-anchor", "middle")
164
-
// FIXME does not work with imagemagick
165
-
.set("dominant-baseline", "middle");
166
-
} else {
167
-
// FIXME does not work with imagemagick
168
-
// see https://legacy.imagemagick.org/discourse-server/viewtopic.php?t=31540
169
-
node = node.set("dominant-baseline", "hanging")
154
+
svg::tag("text")
155
+
.coords(if centered {
156
+
position.center_coords(cell_size)
157
+
} else {
158
+
position.coords(cell_size)
159
+
})
160
+
.attr("font-size", format!("{}pt", font_size))
161
+
.attr("font-family", "Inconsolata")
162
+
.attr(
163
+
"dominant-baseline",
164
+
if centered { "middle" } else { "hanging" },
165
+
)
166
+
.attr(
167
+
"text-anchor",
168
+
if centered { "middle" } else { "start" },
169
+
)
170
+
.wrapping(vec![svg::Node::Text(content.to_string())])
171
+
.into()
170
172
}
171
-
172
-
return node.into();
173
+
_ => panic!("Expected Text, got {:?}", self),
173
174
}
174
-
175
-
panic!("Expected Text, got {:?}", self);
176
175
}
177
176
178
-
// fn render_fitted_text(&self, cell_size: usize) -> svg::node::element::Element {
177
+
// fn render_fitted_text(&self, cell_size: usize) -> svg::Node {
179
178
// if let Object::FittedText(region, content) = self {
180
179
// let (x, y) = region.start.coords(cell_size);
181
180
// let width = region.width() * cell_size as f32;
···
194
193
// panic!("Expected FittedText, got {:?}", self);
195
194
// }
196
195
197
-
fn render_rectangle(&self, cell_size: usize) -> svg::node::element::Element {
196
+
fn render_rectangle(&self, cell_size: usize) -> svg::Node {
198
197
if let Object::Rectangle(start, end) = self {
199
-
return svg::node::element::Rectangle::new()
200
-
.set("x", start.coords(cell_size).0)
201
-
.set("y", start.coords(cell_size).1)
202
-
.set("width", start.distances(end).0 * cell_size)
203
-
.set("height", start.distances(end).1 * cell_size)
204
-
.into();
198
+
return svg::tag("rect").region((start, end), cell_size).into();
205
199
}
206
200
207
201
panic!("Expected Rectangle, got {:?}", self);
208
202
}
209
203
210
-
fn render_polygon(&self, cell_size: usize) -> svg::node::element::Element {
204
+
fn render_polygon(&self, cell_size: usize) -> svg::Node {
211
205
if let Object::Polygon(start, lines) = self {
212
-
let mut path = svg::node::element::path::Data::new();
213
-
path = path.move_to(start.coords(cell_size));
206
+
let mut path = svg::Path::new();
207
+
path.move_to(*start, cell_size);
214
208
for line in lines {
215
-
path = match line {
209
+
match line {
216
210
LineSegment::Straight(end)
217
211
| LineSegment::InwardCurve(end)
218
212
| LineSegment::OutwardCurve(end) => {
219
-
path.line_to(end.coords(cell_size))
213
+
path.line_to(*end, cell_size);
220
214
}
221
215
};
222
216
}
223
-
path = path.close();
224
-
return svg::node::element::Path::new().set("d", path).into();
217
+
path.close();
218
+
return path.node();
225
219
}
226
220
227
221
panic!("Expected Polygon, got {:?}", self);
228
222
}
229
223
230
-
fn render_line(&self, cell_size: usize) -> svg::node::element::Element {
224
+
fn render_line(&self, cell_size: usize) -> svg::Node {
231
225
if let Object::Line(start, end, width) = self {
232
-
return svg::node::element::Line::new()
233
-
.set("x1", start.coords(cell_size).0)
234
-
.set("y1", start.coords(cell_size).1)
235
-
.set("x2", end.coords(cell_size).0)
236
-
.set("y2", end.coords(cell_size).1)
237
-
.set("stroke-width", *width)
226
+
return svg::tag("line")
227
+
.position_pair(*start, *end, cell_size)
228
+
.attr("stroke-width", *width)
238
229
.into();
239
230
}
240
231
241
232
panic!("Expected Line, got {:?}", self);
242
233
}
243
234
244
-
fn render_curve(&self, cell_size: usize) -> svg::node::element::Element {
235
+
fn render_curve(&self, cell_size: usize) -> svg::Node {
245
236
if let Object::CurveOutward(start, end, stroke_width)
246
237
| Object::CurveInward(start, end, stroke_width) = self
247
238
{
···
309
300
}
310
301
};
311
302
312
-
return svg::node::element::Path::new()
313
-
.set(
314
-
"d",
315
-
svg::node::element::path::Data::new()
316
-
.move_to(start.coords(cell_size))
317
-
.quadratic_curve_to((control, end.coords(cell_size))),
318
-
)
319
-
.set("stroke-width", format!("{stroke_width}"))
303
+
let mut path = svg::Path::new();
304
+
path.move_to(*start, cell_size);
305
+
path.quadratic_curve_to(control, *end, cell_size);
306
+
return path
307
+
.element()
308
+
.attr("stroke-width", format!("{stroke_width}"))
320
309
.into();
321
310
}
322
311
···
327
316
&self,
328
317
cell_size: usize,
329
318
object_sizes: ObjectSizes,
330
-
) -> svg::node::element::Element {
319
+
) -> svg::Node {
331
320
if let Object::SmallCircle(center) = self {
332
-
return svg::node::element::Circle::new()
333
-
.set("cx", center.coords(cell_size).0)
334
-
.set("cy", center.coords(cell_size).1)
335
-
.set("r", object_sizes.small_circle_radius)
321
+
return svg::tag("circle")
322
+
.center_position(*center, cell_size)
323
+
.attr("r", object_sizes.small_circle_radius)
336
324
.into();
337
325
}
338
326
···
343
331
&self,
344
332
cell_size: usize,
345
333
object_sizes: ObjectSizes,
346
-
) -> svg::node::element::Element {
334
+
) -> svg::Node {
347
335
if let Object::Dot(center) = self {
348
-
return svg::node::element::Circle::new()
349
-
.set("cx", center.coords(cell_size).0)
350
-
.set("cy", center.coords(cell_size).1)
351
-
.set("r", object_sizes.dot_radius)
336
+
return svg::tag("circle")
337
+
.center_position(*center, cell_size)
338
+
.attr("r", object_sizes.dot_radius)
352
339
.into();
353
340
}
354
341
355
342
panic!("Expected Dot, got {:?}", self);
356
343
}
357
344
358
-
fn render_big_circle(&self, cell_size: usize) -> svg::node::element::Element {
345
+
fn render_big_circle(&self, cell_size: usize) -> svg::Node {
359
346
if let Object::BigCircle(topleft) = self {
360
347
let (cx, cy) = {
361
348
let (x, y) = topleft.coords(cell_size);
362
349
(x + cell_size as f32 / 2.0, y + cell_size as f32 / 2.0)
363
350
};
364
351
365
-
return svg::node::element::Circle::new()
366
-
.set("cx", cx)
367
-
.set("cy", cy)
368
-
.set("r", cell_size / 2)
352
+
return svg::tag("circle")
353
+
.attr("cx", cx)
354
+
.attr("cy", cy)
355
+
.attr("r", cell_size / 2)
369
356
.into();
370
357
}
371
358
+2
-1
src/rendering/renderable.rs
+2
-1
src/rendering/renderable.rs
···
1
+
use super::svg;
1
2
use crate::{graphics::objects::ObjectSizes, ColorMapping};
2
3
use anyhow::Result;
3
4
use itertools::Itertools;
···
11
12
cell_size: usize,
12
13
object_sizes: ObjectSizes,
13
14
id: &str,
14
-
) -> Result<svg::node::element::Element>;
15
+
) -> Result<svg::Node>;
15
16
}
16
17
17
18
/// Struct can be rendered as attributes of a SVG element
+343
src/rendering/svg.rs
+343
src/rendering/svg.rs
···
1
+
use std::{collections::HashMap, fmt::Display};
2
+
3
+
use itertools::Itertools;
4
+
5
+
use crate::{Color, ColorMapping, Point, Region};
6
+
7
+
#[derive(Debug, Clone)]
8
+
pub struct Element {
9
+
pub tag: String,
10
+
pub attributes: HashMap<String, String>,
11
+
pub styles: HashMap<String, String>,
12
+
pub children: Vec<Node>,
13
+
}
14
+
15
+
#[derive(Debug, Clone)]
16
+
pub enum Node {
17
+
Element(Element),
18
+
Text(String),
19
+
SVG(String),
20
+
}
21
+
22
+
impl Into<Node> for Element {
23
+
fn into(self) -> Node {
24
+
self.node()
25
+
}
26
+
}
27
+
28
+
pub fn tag(tag: &str) -> Element {
29
+
Element::new(tag)
30
+
}
31
+
32
+
impl Element {
33
+
pub fn node(self) -> Node {
34
+
Node::Element(self)
35
+
}
36
+
37
+
pub fn new(tag: &str) -> Self {
38
+
Element {
39
+
tag: tag.to_string(),
40
+
attributes: HashMap::new(),
41
+
styles: HashMap::new(),
42
+
children: Vec::new(),
43
+
}
44
+
}
45
+
46
+
pub fn attr(self, key: &str, value: impl Display) -> Self {
47
+
// assert!(
48
+
// key != "style",
49
+
// "Use `style` method instead of `attr` for style attributes."
50
+
// );
51
+
let mut attributes = self.attributes.clone();
52
+
attributes.insert(key.to_string(), value.to_string());
53
+
Element { attributes, ..self }
54
+
}
55
+
56
+
/// Sets x and y
57
+
pub fn coords(self, p: impl Into<(f32, f32)>) -> Self {
58
+
let (x, y) = p.into();
59
+
self.attr("x", x).attr("y", y)
60
+
}
61
+
62
+
pub fn fill(self, c: Color, colormap: &ColorMapping) -> Self {
63
+
self.attr("fill", c.render(colormap))
64
+
}
65
+
66
+
/// Sets cx and cy
67
+
pub fn center_position(self, p: impl Into<Point>, cell_size: usize) -> Self {
68
+
let (x, y) = p.into().coords(cell_size);
69
+
self.attr("cx", x).attr("cy", y)
70
+
}
71
+
72
+
/// Sets x1, y1 and x2, y2
73
+
pub fn position_pair(
74
+
self,
75
+
p1: impl Into<Point>,
76
+
p2: impl Into<Point>,
77
+
cell_size: usize,
78
+
) -> Self {
79
+
let (x1, y1) = p1.into().coords(cell_size);
80
+
let (x2, y2) = p2.into().coords(cell_size);
81
+
self.attr("x1", x1)
82
+
.attr("y1", y1)
83
+
.attr("x2", x2)
84
+
.attr("y2", y2)
85
+
}
86
+
87
+
/// Sets x and y
88
+
pub fn position(self, p: impl Into<Point>, cell_size: usize) -> Self {
89
+
self.coords(p.into().coords(cell_size))
90
+
}
91
+
92
+
/// Sets width and height
93
+
pub fn dimensions(self, p: impl Into<(usize, usize)>) -> Self {
94
+
let (w, h) = p.into();
95
+
self.attr("width", w).attr("height", h)
96
+
}
97
+
98
+
/// Sets width and height
99
+
pub fn size(self, r: impl Into<Region>, cell_size: usize) -> Self {
100
+
self.dimensions(r.into().size(cell_size))
101
+
}
102
+
103
+
/// Sets x, y, width and height according to the region
104
+
pub fn region(self, r: impl Into<Region>, cell_size: usize) -> Self {
105
+
let region: Region = r.into();
106
+
self.position(region.start, cell_size)
107
+
.size(region, cell_size)
108
+
}
109
+
110
+
pub fn style(self, key: &str, value: &str) -> Self {
111
+
let mut styles = self.styles.clone();
112
+
styles.insert(key.to_string(), value.to_string());
113
+
Element { styles, ..self }
114
+
}
115
+
116
+
pub fn dataset(self, key: &str, value: &str) -> Self {
117
+
let mut attributes = self.attributes.clone();
118
+
attributes.insert(format!("data-{key}"), value.to_string());
119
+
Element { attributes, ..self }
120
+
}
121
+
122
+
pub fn class(self, class: &str) -> Self {
123
+
self.attr("class", class)
124
+
}
125
+
126
+
pub fn add(&mut self, child: impl Into<Node>) -> &mut Self {
127
+
self.children.push(child.into());
128
+
self
129
+
}
130
+
131
+
pub fn with_attributes(self, attributes: HashMap<String, String>) -> Self {
132
+
Element { attributes, ..self }
133
+
}
134
+
135
+
pub fn wrapping(
136
+
self,
137
+
children: impl IntoIterator<Item = impl Into<Node>>,
138
+
) -> Self {
139
+
Element {
140
+
children: children.into_iter().map(|n| n.into()).collect(),
141
+
..self
142
+
}
143
+
}
144
+
145
+
pub fn wrap(self, tag: &str, attrs: HashMap<String, String>) -> Self {
146
+
Element {
147
+
tag: tag.to_string(),
148
+
styles: HashMap::new(),
149
+
attributes: attrs,
150
+
children: vec![Node::Element(self)],
151
+
}
152
+
}
153
+
}
154
+
155
+
pub enum PathInstruction {
156
+
MoveTo((f32, f32)),
157
+
LineTo((f32, f32)),
158
+
HorizontalLineTo(f32),
159
+
VerticalLineTo(f32),
160
+
CurveTo((f32, f32), (f32, f32), (f32, f32)),
161
+
SmoothCurveTo((f32, f32), (f32, f32)),
162
+
QuadraticCurveTo((f32, f32), (f32, f32)),
163
+
SmoothQuadraticCurveTo((f32, f32)),
164
+
ArcTo((f32, f32), f32, bool, bool, (f32, f32)),
165
+
ClosePath,
166
+
}
167
+
168
+
pub struct Path(Vec<PathInstruction>);
169
+
170
+
impl Path {
171
+
pub fn new() -> Self {
172
+
Path(Vec::new())
173
+
}
174
+
175
+
pub fn node(self) -> Node {
176
+
self.element().node()
177
+
}
178
+
179
+
pub fn element(self) -> Element {
180
+
tag("path").attr("d", self.to_string())
181
+
}
182
+
183
+
pub fn move_to(
184
+
&mut self,
185
+
p: impl Into<Point>,
186
+
cell_size: usize,
187
+
) -> &mut Self {
188
+
self.0
189
+
.push(PathInstruction::MoveTo(p.into().coords(cell_size)));
190
+
self
191
+
}
192
+
193
+
pub fn line_to(
194
+
&mut self,
195
+
p: impl Into<Point>,
196
+
cell_size: usize,
197
+
) -> &mut Self {
198
+
self.0
199
+
.push(PathInstruction::LineTo(p.into().coords(cell_size)));
200
+
self
201
+
}
202
+
203
+
pub fn quadratic_curve_to(
204
+
&mut self,
205
+
control: impl Into<(f32, f32)>,
206
+
end: impl Into<Point>,
207
+
cell_size: usize,
208
+
) -> &mut Self {
209
+
self.0.push(PathInstruction::QuadraticCurveTo(
210
+
control.into(),
211
+
end.into().coords(cell_size),
212
+
));
213
+
self
214
+
}
215
+
216
+
pub fn close(&mut self) -> &mut Self {
217
+
self.0.push(PathInstruction::ClosePath);
218
+
self
219
+
}
220
+
}
221
+
222
+
impl Display for Path {
223
+
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
224
+
f.write_str(
225
+
&self
226
+
.0
227
+
.iter()
228
+
.map(|i| i.to_string())
229
+
.collect::<Vec<_>>()
230
+
.join(" "),
231
+
)
232
+
}
233
+
}
234
+
235
+
impl Display for PathInstruction {
236
+
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
237
+
match self {
238
+
Self::MoveTo((x, y)) => write!(f, "M {} {}", x, y),
239
+
Self::LineTo((x, y)) => write!(f, "L {} {}", x, y),
240
+
Self::HorizontalLineTo(x) => write!(f, "H {}", x),
241
+
Self::VerticalLineTo(y) => write!(f, "V {}", y),
242
+
Self::CurveTo((x1, y1), (x2, y2), (x3, y3)) => {
243
+
write!(f, "C {} {} {} {} {} {}", x1, y1, x2, y2, x3, y3)
244
+
}
245
+
Self::SmoothCurveTo((x2, y2), (x3, y3)) => {
246
+
write!(f, "S {} {} {} {}", x2, y2, x3, y3)
247
+
}
248
+
Self::QuadraticCurveTo((x1, y1), (x2, y2)) => {
249
+
write!(f, "Q {} {} {} {}", x1, y1, x2, y2)
250
+
}
251
+
Self::SmoothQuadraticCurveTo((x2, y2)) => {
252
+
write!(f, "T {} {}", x2, y2)
253
+
}
254
+
Self::ArcTo(
255
+
(rx, ry),
256
+
angle,
257
+
large_arc_flag,
258
+
sweep_flag,
259
+
(x2, y2),
260
+
) => {
261
+
write!(
262
+
f,
263
+
"A {rx} {ry} {angle} {large_arc_flag} {sweep_flag} {x2} {y2}"
264
+
)
265
+
}
266
+
Self::ClosePath => write!(f, "Z"),
267
+
}
268
+
}
269
+
}
270
+
271
+
fn space_if(add_space: bool) -> &'static str {
272
+
if add_space {
273
+
" "
274
+
} else {
275
+
""
276
+
}
277
+
}
278
+
279
+
impl Display for Node {
280
+
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
281
+
match self {
282
+
Node::Text(text) => write!(f, "{}", quick_xml::escape::escape(text)),
283
+
Node::SVG(svg) => write!(f, "{}", svg),
284
+
Node::Element(Element {
285
+
tag,
286
+
attributes,
287
+
styles,
288
+
children,
289
+
}) => {
290
+
write!(f, "<{tag} ")?;
291
+
292
+
let non_style_attributes: Vec<_> = attributes
293
+
.iter()
294
+
.filter(|(k, _)| *k != "style")
295
+
.sorted_by_key(|(k, _)| *k)
296
+
.collect();
297
+
298
+
for (i, (key, value)) in non_style_attributes.iter().enumerate() {
299
+
write!(
300
+
f,
301
+
r#"{spacing}{key}="{value}""#,
302
+
spacing = space_if(i > 0),
303
+
key = key,
304
+
value = value
305
+
.replace("&", "&")
306
+
.replace('"', """)
307
+
.replace("'", "'")
308
+
)?;
309
+
}
310
+
311
+
if attributes.contains_key("style") || !styles.is_empty() {
312
+
write!(
313
+
f,
314
+
r#"{spacing}style="{value}""#,
315
+
spacing = space_if(non_style_attributes.len() > 0),
316
+
value = styles
317
+
.iter()
318
+
.map(|(k, v)| format!("{k}: {v};"))
319
+
.chain::<Option<String>>(
320
+
attributes.get("style").map(|s| s.to_string()),
321
+
)
322
+
.collect::<Vec<_>>()
323
+
.join(" ")
324
+
)?;
325
+
}
326
+
327
+
if children.is_empty() {
328
+
write!(f, "/>\n")?;
329
+
} else {
330
+
write!(f, ">\n")?;
331
+
332
+
for child in children {
333
+
write!(f, "{}", child)?;
334
+
}
335
+
336
+
write!(f, "</{tag}>")?;
337
+
}
338
+
339
+
Ok(())
340
+
}
341
+
}
342
+
}
343
+
}