mirror of
https://github.com/ocornut/imgui.git
synced 2026-11-06 06:25:54 +01:00
Added pixel perfect rendering doc
Mikko Mononen
ocornut
parent
bc6e5b4d69
commit
dff1c653ff
119
Pixel-Perfect-Rendering.md
Normal file
119
Pixel-Perfect-Rendering.md
Normal file
@ -0,0 +1,119 @@
|
||||
# Pixel Perfect Anti-aliased Rendering
|
||||
|
||||
|
||||
## How Anti-aliased Rendering Work?
|
||||
|
||||
|
||||
|
||||
```
|
||||
AddRectFilled({1.5, 1}, {3, 3})
|
||||
```
|
||||
|
||||
Anti-aliased vector rendering works by calculating how much a shape covers a pixel. The coverage is used to blend the drawn color at the specific pixel.
|
||||
|
||||
For example, if a rectangle covers half a pixel, the pixel will be painted 50% transparency. If the rectangle covers the whole pixel, it is fully filled.
|
||||
|
||||
|
||||
### Pixel Perfect Drawing
|
||||
|
||||
|
||||
|
||||
```
|
||||
AddRectFilled({1, 1}, {3, 3})
|
||||
```
|
||||
|
||||
If we want to render pixel perfect rectangles, then we should always snap the coordinates to whole numbers. This ensures that whole pixels are filled, and things look crisp.
|
||||
|
||||
When rendering circles, thought, we should think about the bounding rectangle, rather than center and radius. If we snap the center and radius, we always end up with even numbered diameter circles. Odd diameter circles are needed for example when using them as line end decorators for odd thickness lines.
|
||||
|
||||
To generalize, we should think about the boundary of the shape, and how to fill the inside.
|
||||
|
||||
## Lines
|
||||
|
||||
|
||||
|
||||
In vector graphics, a line is specified by an infinitely thin segment between two end points, and stroke thickness.
|
||||
|
||||
When rendering, the stroke is expanded each side of the line. You can also specify a square cap for the line, in which case the stroke is also expanded beyond start and end of the line.
|
||||
|
||||
### Pixel Perfect Lines
|
||||
|
||||
|
||||
|
||||
```
|
||||
// Thickness 1
|
||||
AddLine({1, 2}, {4, 2}, 1) // A
|
||||
AddLine({1, 2.5}, {4, 2.5}, 1) // B
|
||||
|
||||
// Thickness 2
|
||||
AddLine({1, 2}, {4, 2}, 2) // C
|
||||
AddLine({1, 2.5}, {4, 2.5}, 2) // D
|
||||
```
|
||||
|
||||
Pixel perfect lines can be frustrating at first, since we need to think about the how the line covers the pixels, rather than the line coordinates.
|
||||
|
||||
For example if we render 1px line snapped at whole number coordinates, we will get blurry line because the actual geometry of the line will cover half a pixel.
|
||||
|
||||
On the other hand, 2px line will look nice and crisp, because we expanded the line a whole pixel. This dance keeps going for every even and odd thickness.
|
||||
|
||||
## Stroke Position
|
||||
|
||||
|
||||
|
||||
```
|
||||
// Thickness 1
|
||||
AddLineH(1,4, 2, 1, StrokeInside) // A
|
||||
|
||||
// Thickness 2
|
||||
AddLineH(1,4, 2, 2, StrokeInside) // B
|
||||
|
||||
// Rounding 0, Thickness 1
|
||||
AddRect({1,1}, {5,4}, 0, 1, StrokeInside) // C
|
||||
```
|
||||
|
||||
Trying to position the line coordinatess to cover the right pixels can be a lot of work, especially if the code needs to support multiple line widths.
|
||||
|
||||
One way to solve this is to make the thickness to grow only on one side of the line, instead both sides. That way, as long as the thickness is a whole number, and coordinates are snapped, we will get crips rendering regardless of the thickness.
|
||||
|
||||
The stroke position, especially when placed inside the shape, can help to deal with UI layout, and stacking fills and strokes.
|
||||
|
||||
Keeping the visuals inside makes sure that they will not spill over to other UI elements, and simplifies things like culling and hit testing.
|
||||
|
||||
Going back to our generalization, think about boundary, and fill or stroke inside.
|
||||
|
||||
### Stroke Position Visualized
|
||||
|
||||
|
||||
|
||||
The side of the shape is defined by the path direction. Closed filled shapes are wound clockwise. To generalize to open shapes, the right side of a path segment is inside, and left is out.
|
||||
|
||||
The **CenterBiased** stroke position allows to render crips centered lines for odd thickness too. It offsets the stroke so that half the thickeness, rounded down, is placed outside the shape, and rest towards inside. For integer thickness, this means that odd thickness lines have more of the thickness inside the shape.
|
||||
|
||||
## Lines vs Paths
|
||||
|
||||
|
||||
|
||||
```
|
||||
// A
|
||||
AddLine({1.5,1.5}, {4.5,1.5})
|
||||
AddLine({4.5,1.5}, {4.5,3.5})
|
||||
AddLine({4.5,3.5}, {1.5,3.5})
|
||||
AddLine({1.5,3.5}, {1.5,1.5})
|
||||
|
||||
// B
|
||||
PathLineTo({1,1})
|
||||
PathLineTo({5,1})
|
||||
PathLineTo({5,4})
|
||||
PathLineTo({1,4})
|
||||
PathStroke(Closed | StrokeInside)
|
||||
```
|
||||
|
||||
It might be tempting to use multiple separate lines to draw shapes. This can lead to corners missing coverage, since the line did not quite cover the whole pixel. Or the overdraw can be visible when the line color is transparent.
|
||||
|
||||
A better option is to use paths. When a path is stroked, the renderer builds the geometry so that corners are neatly joined and no gaps or overdraw is left (for nice geometry, that is).
|
||||
|
||||
Combining paths and stroke position can make coordinates simpler easier to compute.
|
||||
|
||||
## Conclusion
|
||||
|
||||
All in all, the general gist for pixel perfect rendering is to think about the boundary of the shapes, rather than focusing on the coordinates, and fill or stroke inside.
|
||||
25
pixel_perfect_rendering/how_aa_works.svg
Normal file
25
pixel_perfect_rendering/how_aa_works.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg width="257" height="256" viewBox="0 0 257 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="257" height="256" fill="white"/>
|
||||
<rect x="94" y="97" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="126" y="97" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="126" y="129" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="94" y="129" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<path d="M62 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M94 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M126 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M158 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M190 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 65V225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 65L62 65" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 97L62 97" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 129L62 129" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 161L62 161" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 193L62 193" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M222 225L62 225" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="110" y="97" width="48" height="64" rx="3" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="46" y="48.7285">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="94" y="48.7285">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="35" y="90.7285">Y</tspan></text>
|
||||
<path d="M64 63C64 61.8954 63.1046 61 62 61C60.8954 61 60 61.8954 60 63H62H64ZM60.5858 130.414C61.3668 131.195 62.6332 131.195 63.4142 130.414L76.1421 117.686C76.9232 116.905 76.9232 115.639 76.1421 114.858C75.3611 114.077 74.0948 114.077 73.3137 114.858L62 126.172L50.6863 114.858C49.9052 114.077 48.6389 114.077 47.8579 114.858C47.0768 115.639 47.0768 116.905 47.8579 117.686L60.5858 130.414ZM62 63H60V129H62H64V63H62Z" fill="#3DADFF"/>
|
||||
<path d="M62 63C60.8954 63 60 63.8954 60 65C60 66.1046 60.8954 67 62 67V65V63ZM127.414 66.4142C128.195 65.6332 128.195 64.3668 127.414 63.5858L114.686 50.8579C113.905 50.0768 112.639 50.0768 111.858 50.8579C111.077 51.6389 111.077 52.9052 111.858 53.6863L123.172 65L111.858 76.3137C111.077 77.0948 111.077 78.3611 111.858 79.1421C112.639 79.9232 113.905 79.9232 114.686 79.1421L127.414 66.4142ZM62 65V67H126V65V63H62V65Z" fill="#F24822"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
83
pixel_perfect_rendering/line_vs_path.svg
Normal file
83
pixel_perfect_rendering/line_vs_path.svg
Normal file
@ -0,0 +1,83 @@
|
||||
<svg width="588" height="275" viewBox="0 0 588 275" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="588" height="275" fill="white"/>
|
||||
<rect x="82" y="83.8184" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="146" y="84" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="114" y="83.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="178" y="115.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="178" y="84" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="82" y="115.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="82" y="148" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="114" y="148" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="146" y="148" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="178" y="148" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<path d="M50 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M82 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M114 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M146 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M178 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M210 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 51.8179V211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 51.8179L50 51.8179" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 83.8184L50 83.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 115.818L50 115.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 147.818L50 147.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 179.818L50 179.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M242 211.818L50 211.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="34" y="35.5469">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="82" y="35.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="23" y="77.5469">Y</tspan></text>
|
||||
<path d="M50 49.8179V115.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M50 51.8179H114" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="98" y="84" width="96" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="98" y="147" width="96" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="82" y="99" width="32" height="64" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="178" y="99" width="32" height="64" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M98 100H194" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M98 99.8184V163" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M194 99.8184V163" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M98 163H194" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<circle cx="194" cy="100" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="194" cy="163" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="98" cy="100" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="98" cy="163" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="362" y="85" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="426" y="85.1816" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="394" y="85" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="458" y="117" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="458" y="85.1816" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="362" y="117" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="362" y="149.182" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="394" y="149.182" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="426" y="149.182" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="458" y="149.182" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<path d="M330 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M362 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M394 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M426 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M490 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 52.9995V213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 52.9995L330 52.9995" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 85L330 85" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 117L330 117" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 149L330 149" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 181L330 181" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M522 213L330 213" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="314" y="36.7285">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="362" y="36.7285">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="303" y="78.7285">Y</tspan></text>
|
||||
<path d="M330 50.9995V117" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M330 52.9995H394" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="394" y="116.182" width="64" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="362" y="85.1816" width="128" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M362 85.1816V181.182" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M490 85.1816V181.182" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<circle cx="490" cy="85.1816" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="490" cy="180.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="362" cy="85.1816" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M362 85.1816H490" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M362 181.182H490" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<circle cx="362" cy="180.182" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="50" y="244.547">A</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="328" y="244.547">B</tspan></text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.8 KiB |
24
pixel_perfect_rendering/lines.svg
Normal file
24
pixel_perfect_rendering/lines.svg
Normal file
@ -0,0 +1,24 @@
|
||||
<svg width="411" height="256" viewBox="0 0 411 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_346_3674)">
|
||||
<rect width="411" height="256" fill="white"/>
|
||||
<path d="M71 0.181641V256.182" stroke="#D9D9D9" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M231 0.181641V256.182" stroke="#D9D9D9" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="311" y="87.7285">thickness</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="279" y="225.729">square cap</tspan></text>
|
||||
<rect x="71" y="50" width="160" height="64.4445" rx="6" fill="#66D575" stroke="#3E9B4B" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="39" y="130" width="224" height="64.4445" rx="6" fill="#66D575" stroke="#3E9B4B" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="71" cy="82" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="71" cy="162" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="82" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="162" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M71 82H231" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M71 162H231" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M296.414 48.5858C295.633 47.8047 294.367 47.8047 293.586 48.5858L280.858 61.3137C280.077 62.0948 280.077 63.3611 280.858 64.1421C281.639 64.9232 282.905 64.9232 283.686 64.1421L295 52.8284L306.314 64.1421C307.095 64.9232 308.361 64.9232 309.142 64.1421C309.923 63.3611 309.923 62.0948 309.142 61.3137L296.414 48.5858ZM293.586 115.414C294.367 116.195 295.633 116.195 296.414 115.414L309.142 102.686C309.923 101.905 309.923 100.639 309.142 99.8579C308.361 99.0768 307.095 99.0768 306.314 99.8579L295 111.172L283.686 99.8579C282.905 99.0768 281.639 99.0768 280.858 99.8579C280.077 100.639 280.077 101.905 280.858 102.686L293.586 115.414ZM295 50H293V114H295H297V50H295Z" fill="#B3B3B3"/>
|
||||
<path d="M231 224.182C229.895 224.182 229 225.077 229 226.182C229 227.286 229.895 228.182 231 228.182V226.182V224.182ZM264.414 227.596C265.195 226.815 265.195 225.548 264.414 224.767L251.686 212.04C250.905 211.258 249.639 211.258 248.858 212.04C248.077 212.821 248.077 214.087 248.858 214.868L260.172 226.182L248.858 237.495C248.077 238.276 248.077 239.543 248.858 240.324C249.639 241.105 250.905 241.105 251.686 240.324L264.414 227.596ZM231 226.182V228.182H263V226.182V224.182H231V226.182Z" fill="#B3B3B3"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_346_3674">
|
||||
<rect width="411" height="256" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
115
pixel_perfect_rendering/pixel_lines.svg
Normal file
115
pixel_perfect_rendering/pixel_lines.svg
Normal file
@ -0,0 +1,115 @@
|
||||
<svg width="942" height="275" viewBox="0 0 942 275" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="942" height="275" fill="white"/>
|
||||
<rect x="84" y="87.8184" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="550" y="88.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="148" y="88" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="614" y="89" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="116" y="87.8184" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="582" y="88.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="116" y="119.818" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="582" y="120.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="335" y="120" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="801" y="121" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="801" y="89" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="801" y="153" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="148" y="119.818" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="614" y="120.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="367" y="120" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="833" y="121" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="833" y="89" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="833" y="153" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="84" y="119.818" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="550" y="120.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="303" y="120" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="769" y="121" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="769" y="89" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="769" y="153" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<path d="M52 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M518 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M271 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M737 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M84 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M550 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M303 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M769 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M116 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M582 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M335 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M801 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M148 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M614 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M367 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M833 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M180 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M646 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M399 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M865 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 55.8184V215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 56.8184V216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 55.8184L52 55.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 56.8184L518 56.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 55.8184L271 55.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 56.8184L737 56.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 87.8184L52 87.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 88.8184L518 88.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 87.8184L271 87.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 88.8184L737 88.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 119.818L52 119.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 120.818L518 120.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 119.818L271 119.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 120.818L737 120.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 151.818L52 151.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 152.818L518 152.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 151.818L271 151.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 152.818L737 152.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 183.818L52 183.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 184.818L518 184.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 183.818L271 183.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 184.818L737 184.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M212 215.818L52 215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M678 216.818L518 216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M431 215.818L271 215.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M897 216.818L737 216.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="36" y="39.5469">0,0</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="502" y="40.5469">0,0</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="255" y="39.5469">0,0</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="721" y="40.5469">0,0</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="50" y="246.547">A</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="272" y="246.547">B</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="517" y="246.547">C</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="739" y="246.547">D</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="84" y="39.5469">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="550" y="40.5469">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="303" y="39.5469">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="769" y="40.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="25" y="81.5469">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="491" y="82.5469">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="244" y="81.5469">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="710" y="82.5469">Y</tspan></text>
|
||||
<path d="M52 53.8184V119.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M518 54.8184V120.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M271 53.8184V119.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M737 54.8184V120.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M52 55.8184H116" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M518 56.8184H582" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M271 55.8184H335" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M737 56.8184H801" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="84" y="104" width="96" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="550" y="89" width="96" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="303" y="120" width="96" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="769" y="105" width="96" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M303 136H399" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M769 137H865" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M84 120H180" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M550 121H646" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<circle cx="550" cy="121" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="646" cy="121" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="769" cy="137" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="865" cy="137" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="399" cy="136" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="303" cy="136" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="180" cy="120" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="84" cy="120" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
52
pixel_perfect_rendering/rect_circle.svg
Normal file
52
pixel_perfect_rendering/rect_circle.svg
Normal file
@ -0,0 +1,52 @@
|
||||
<svg width="537" height="256" viewBox="0 0 537 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="537" height="256" fill="white"/>
|
||||
<rect x="86" y="91.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="118" y="91.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="118" y="123.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="86" y="123.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<path d="M54 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M86 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M118 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M150 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M182 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 59.8184L54 59.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 91.8184L54 91.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 123.818L54 123.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 155.818L54 155.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 187.818L54 187.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M214 219.818L54 219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="86" y="91.8184" width="64" height="64" rx="6" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="38" y="43.5469">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="86" y="43.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="27" y="85.5469">Y</tspan></text>
|
||||
<path d="M54 57.8184V121.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M54 59.8184H118" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="352" y="91.8184" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="352" y="156" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="416" y="156" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="416" y="92" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="384" y="91.8184" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="384" y="123.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="416" y="123.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="384" y="156" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="352" y="123.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<path d="M320 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M352 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M384 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M416 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M448 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 59.8184V219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 59.8184L320 59.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 91.8184L320 91.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 123.818L320 123.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 155.818L320 155.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 187.818L320 187.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M480 219.818L320 219.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="304" y="43.5469">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="352" y="43.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="293" y="85.5469">Y</tspan></text>
|
||||
<path d="M320 57.8184V123.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M320 59.8184H384" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<ellipse cx="400" cy="139.909" rx="48" ry="47.9091" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
392
pixel_perfect_rendering/stroke_pos_all.svg
Normal file
392
pixel_perfect_rendering/stroke_pos_all.svg
Normal file
@ -0,0 +1,392 @@
|
||||
<svg width="1000" height="1054" viewBox="0 0 1000 1054" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="1000" height="1054" fill="white"/>
|
||||
<rect x="294" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="567" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="567" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="294" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="566" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="566" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="710" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="838" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="566" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="566" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="294" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="566" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="566" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="838" y="820" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="294" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="294" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="326" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="599" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="599" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="326" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="598" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="598" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="710" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="870" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="598" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="598" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="326" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="598" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="598" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="870" y="820" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="326" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="326" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="358" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="631" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="631" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="358" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="630" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="630" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="710" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="902" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="630" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="630" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="358" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="630" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="630" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="902" y="820" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="358" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="358" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="262" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="535" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="535" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="262" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="534" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="534" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="710" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="806" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="534" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="534" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="262" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="534" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="534" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="806" y="820" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="262" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="262" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="230" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="503" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="193.637" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="503" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="225.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="257.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="230" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="502" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="502" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="677.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="433.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="710" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="466" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="774" y="370" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="502" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="502" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="646" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="402" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="230" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="502" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="884" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="502" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="852" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="774" y="820" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="230" y="402" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<rect x="230" y="434" width="32" height="32" rx="3" fill="#66D575" fill-opacity="0.5"/>
|
||||
<path d="M230 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M503 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M262 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M535 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M806 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M262 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M534 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M534 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M806 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M806 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M262 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M534 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M806 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M262 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M294 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M567 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M838 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M294 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M566 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M566 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M838 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M838 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M294 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M566 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M838 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M294 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M326 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M599 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M870 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M326 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M598 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M598 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M870 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M870 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M326 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M598 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M870 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M326 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M358 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M631 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M902 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M358 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M630 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M630 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M902 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M902 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M358 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M630 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M902 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M358 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 97.8184V289.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 97.8184V289.636" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 581.818V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 582V773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 820V1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 338V529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 129.637L230 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 97.8184L230 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 129.637L503 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 97.8184L503 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 129.637L774 129.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 97.8184L774 97.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 613.818L230 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 582L230 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 613.818L502 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 582L502 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 369.818L502 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 338L502 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 613.818L774 613.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 582L774 582" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 369.818L774 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 338L774 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 851.818L230 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 820L230 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 851.818L502 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 851.818L774 851.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 820L502 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 820L774 820" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 369.818L230 369.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 338L230 338" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 161.637L230 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 161.637L503 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 161.637L774 161.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 645.818L230 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 645.818L502 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 401.818L502 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 645.818L774 645.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 401.818L774 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 883.818L230 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 883.818L502 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 883.818L774 883.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 401.818L230 401.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 193.637L230 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 193.637L503 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 193.637L774 193.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 677.818L230 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 677.818L502 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 433.818L502 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 677.818L774 677.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 433.818L774 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 915.818L230 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 915.818L502 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 915.818L774 915.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 433.818L230 433.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 225.637L230 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 225.637L503 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 225.637L774 225.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 709.818L230 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 709.818L502 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 465.818L502 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 709.818L774 709.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 465.818L774 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 947.818L230 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 947.818L502 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 947.818L774 947.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 465.818L230 465.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 257.637L230 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 257.637L503 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 257.637L774 257.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 741.818L230 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 741.818L502 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 497.818L502 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 741.818L774 741.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 497.818L774 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 979.818L230 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 979.818L502 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 979.818L774 979.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 497.818L230 497.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 289.637L230 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M663 289.637L503 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 289.637L774 289.637" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 773.818L230 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 773.818L502 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 529.818L502 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 773.818L774 773.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 529.818L774 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 1011.82L230 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M662 1011.82L502 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M934 1011.82L774 1011.82" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M390 529.818L230 529.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="201.52">StrokeInside</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="917.701">StrokeOutside</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="435.701">StrokeCenter</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="671.701">StrokeCenterBiased</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="31.5195">thickness = 1</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="535" y="31.5195">thickness = 2</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="799" y="31.5195">thickness = 3</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="81.3379">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="535" y="81.3379">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="81.3379">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="565.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="565.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="321.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="565.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Inter" font-size="16" font-weight="500" letter-spacing="-0.011em"><tspan x="806" y="323.818">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="805.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="534" y="803.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="806" y="803.52">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="262" y="321.52">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="123.338">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="476" y="123.338">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="123.338">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="607.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="607.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="363.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="607.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="365.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="847.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="475" y="845.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="747" y="845.52">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Helvetica" font-size="16" letter-spacing="-0.011em"><tspan x="203" y="363.52">Y</tspan></text>
|
||||
<path d="M230 97.8184V161.636" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M503 97.6367V161.637" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 95.6367V161.637" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 337.818V401.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 581.818V645.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 339.818V403.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 819.818V885.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 819.818V883.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 819.818V883.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 337.818V401.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 97.6367H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M503 97.6367H567" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 97.6367H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 581.818H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 581.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 337.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 581.818H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 338H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 820H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M502 819.818H566" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M774 819.818H838" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M230 337.818H294" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="230" y="193.818" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="503" y="193.818" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="774" y="193.818" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="230" y="678" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="502" y="646" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="502" y="402" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="774" y="646" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="774" y="386" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="230" y="884.182" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="502" y="852" width="160" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="774" y="820" width="160" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="230" y="418" width="160" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="504" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="775" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="503" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="503" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="775" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="775" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="503" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="775" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="231" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="389" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="662" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="933" cy="193.818" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="389" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="661" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="661" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="933" cy="678" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="933" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="389" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="661" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="933" cy="916" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="389" cy="434" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M247 191.818C245.895 191.818 245 192.714 245 193.818C245 194.923 245.895 195.818 247 195.818V193.818V191.818ZM373.914 195.233C374.695 194.452 374.695 193.185 373.914 192.404L361.186 179.676C360.405 178.895 359.139 178.895 358.358 179.676C357.577 180.457 357.577 181.724 358.358 182.505L369.672 193.818L358.358 205.132C357.577 205.913 357.577 207.179 358.358 207.96C359.139 208.742 360.405 208.742 361.186 207.96L373.914 195.233ZM260.753 195.818C261.858 195.818 262.753 194.923 262.753 193.818C262.753 192.714 261.858 191.818 260.753 191.818V193.818V195.818ZM269.349 191.818C268.245 191.818 267.349 192.714 267.349 193.818C267.349 194.923 268.245 195.818 269.349 195.818V193.818V191.818ZM283.103 195.818C284.207 195.818 285.103 194.923 285.103 193.818C285.103 192.714 284.207 191.818 283.103 191.818V193.818V195.818ZM291.699 191.818C290.594 191.818 289.699 192.714 289.699 193.818C289.699 194.923 290.594 195.818 291.699 195.818V193.818V191.818ZM305.452 195.818C306.557 195.818 307.452 194.923 307.452 193.818C307.452 192.714 306.557 191.818 305.452 191.818V193.818V195.818ZM314.048 191.818C312.943 191.818 312.048 192.714 312.048 193.818C312.048 194.923 312.943 195.818 314.048 195.818V193.818V191.818ZM327.801 195.818C328.906 195.818 329.801 194.923 329.801 193.818C329.801 192.714 328.906 191.818 327.801 191.818V193.818V195.818ZM336.397 191.818C335.293 191.818 334.397 192.714 334.397 193.818C334.397 194.923 335.293 195.818 336.397 195.818V193.818V191.818ZM350.151 195.818C351.255 195.818 352.151 194.923 352.151 193.818C352.151 192.714 351.255 191.818 350.151 191.818V193.818V195.818ZM358.747 191.818C357.642 191.818 356.747 192.714 356.747 193.818C356.747 194.923 357.642 195.818 358.747 195.818V193.818V191.818ZM247 193.818V195.818H260.753V193.818V191.818H247V193.818ZM269.349 193.818V195.818H283.103V193.818V191.818H269.349V193.818ZM291.699 193.818V195.818H305.452V193.818V191.818H291.699V193.818ZM314.048 193.818V195.818H327.801V193.818V191.818H314.048V193.818ZM336.397 193.818V195.818H350.151V193.818V191.818H336.397V193.818ZM358.747 193.818V195.818H372.5V193.818V191.818H358.747V193.818Z" fill="#1E1E1E"/>
|
||||
<path d="M520 191.818C518.895 191.818 518 192.714 518 193.818C518 194.923 518.895 195.818 520 195.818V193.818V191.818ZM646.914 195.233C647.695 194.452 647.695 193.185 646.914 192.404L634.186 179.676C633.405 178.895 632.139 178.895 631.358 179.676C630.577 180.457 630.577 181.724 631.358 182.505L642.672 193.818L631.358 205.132C630.577 205.913 630.577 207.179 631.358 207.96C632.139 208.742 633.405 208.742 634.186 207.96L646.914 195.233ZM533.753 195.818C534.858 195.818 535.753 194.923 535.753 193.818C535.753 192.714 534.858 191.818 533.753 191.818V193.818V195.818ZM542.349 191.818C541.245 191.818 540.349 192.714 540.349 193.818C540.349 194.923 541.245 195.818 542.349 195.818V193.818V191.818ZM556.103 195.818C557.207 195.818 558.103 194.923 558.103 193.818C558.103 192.714 557.207 191.818 556.103 191.818V193.818V195.818ZM564.699 191.818C563.594 191.818 562.699 192.714 562.699 193.818C562.699 194.923 563.594 195.818 564.699 195.818V193.818V191.818ZM578.452 195.818C579.557 195.818 580.452 194.923 580.452 193.818C580.452 192.714 579.557 191.818 578.452 191.818V193.818V195.818ZM587.048 191.818C585.943 191.818 585.048 192.714 585.048 193.818C585.048 194.923 585.943 195.818 587.048 195.818V193.818V191.818ZM600.801 195.818C601.906 195.818 602.801 194.923 602.801 193.818C602.801 192.714 601.906 191.818 600.801 191.818V193.818V195.818ZM609.397 191.818C608.293 191.818 607.397 192.714 607.397 193.818C607.397 194.923 608.293 195.818 609.397 195.818V193.818V191.818ZM623.151 195.818C624.255 195.818 625.151 194.923 625.151 193.818C625.151 192.714 624.255 191.818 623.151 191.818V193.818V195.818ZM631.747 191.818C630.642 191.818 629.747 192.714 629.747 193.818C629.747 194.923 630.642 195.818 631.747 195.818V193.818V191.818ZM520 193.818V195.818H533.753V193.818V191.818H520V193.818ZM542.349 193.818V195.818H556.103V193.818V191.818H542.349V193.818ZM564.699 193.818V195.818H578.452V193.818V191.818H564.699V193.818ZM587.048 193.818V195.818H600.801V193.818V191.818H587.048V193.818ZM609.397 193.818V195.818H623.151V193.818V191.818H609.397V193.818ZM631.747 193.818V195.818H645.5V193.818V191.818H631.747V193.818Z" fill="#1E1E1E"/>
|
||||
<path d="M791 191.818C789.895 191.818 789 192.714 789 193.818C789 194.923 789.895 195.818 791 195.818V193.818V191.818ZM917.914 195.233C918.695 194.452 918.695 193.185 917.914 192.404L905.186 179.676C904.405 178.895 903.139 178.895 902.358 179.676C901.577 180.457 901.577 181.724 902.358 182.505L913.672 193.818L902.358 205.132C901.577 205.913 901.577 207.179 902.358 207.96C903.139 208.742 904.405 208.742 905.186 207.96L917.914 195.233ZM804.753 195.818C805.858 195.818 806.753 194.923 806.753 193.818C806.753 192.714 805.858 191.818 804.753 191.818V193.818V195.818ZM813.349 191.818C812.245 191.818 811.349 192.714 811.349 193.818C811.349 194.923 812.245 195.818 813.349 195.818V193.818V191.818ZM827.103 195.818C828.207 195.818 829.103 194.923 829.103 193.818C829.103 192.714 828.207 191.818 827.103 191.818V193.818V195.818ZM835.699 191.818C834.594 191.818 833.699 192.714 833.699 193.818C833.699 194.923 834.594 195.818 835.699 195.818V193.818V191.818ZM849.452 195.818C850.557 195.818 851.452 194.923 851.452 193.818C851.452 192.714 850.557 191.818 849.452 191.818V193.818V195.818ZM858.048 191.818C856.943 191.818 856.048 192.714 856.048 193.818C856.048 194.923 856.943 195.818 858.048 195.818V193.818V191.818ZM871.801 195.818C872.906 195.818 873.801 194.923 873.801 193.818C873.801 192.714 872.906 191.818 871.801 191.818V193.818V195.818ZM880.397 191.818C879.293 191.818 878.397 192.714 878.397 193.818C878.397 194.923 879.293 195.818 880.397 195.818V193.818V191.818ZM894.151 195.818C895.255 195.818 896.151 194.923 896.151 193.818C896.151 192.714 895.255 191.818 894.151 191.818V193.818V195.818ZM902.747 191.818C901.642 191.818 900.747 192.714 900.747 193.818C900.747 194.923 901.642 195.818 902.747 195.818V193.818V191.818ZM791 193.818V195.818H804.753V193.818V191.818H791V193.818ZM813.349 193.818V195.818H827.103V193.818V191.818H813.349V193.818ZM835.699 193.818V195.818H849.452V193.818V191.818H835.699V193.818ZM858.048 193.818V195.818H871.801V193.818V191.818H858.048V193.818ZM880.397 193.818V195.818H894.151V193.818V191.818H880.397V193.818ZM902.747 193.818V195.818H916.5V193.818V191.818H902.747V193.818Z" fill="#1E1E1E"/>
|
||||
<path d="M247 676C245.895 676 245 676.895 245 678C245 679.105 245.895 680 247 680V678V676ZM373.914 679.414C374.695 678.633 374.695 677.367 373.914 676.586L361.186 663.858C360.405 663.077 359.139 663.077 358.358 663.858C357.577 664.639 357.577 665.905 358.358 666.686L369.672 678L358.358 689.314C357.577 690.095 357.577 691.361 358.358 692.142C359.139 692.923 360.405 692.923 361.186 692.142L373.914 679.414ZM260.753 680C261.858 680 262.753 679.105 262.753 678C262.753 676.895 261.858 676 260.753 676V678V680ZM269.349 676C268.245 676 267.349 676.895 267.349 678C267.349 679.105 268.245 680 269.349 680V678V676ZM283.103 680C284.207 680 285.103 679.105 285.103 678C285.103 676.895 284.207 676 283.103 676V678V680ZM291.699 676C290.594 676 289.699 676.895 289.699 678C289.699 679.105 290.594 680 291.699 680V678V676ZM305.452 680C306.557 680 307.452 679.105 307.452 678C307.452 676.895 306.557 676 305.452 676V678V680ZM314.048 676C312.943 676 312.048 676.895 312.048 678C312.048 679.105 312.943 680 314.048 680V678V676ZM327.801 680C328.906 680 329.801 679.105 329.801 678C329.801 676.895 328.906 676 327.801 676V678V680ZM336.397 676C335.293 676 334.397 676.895 334.397 678C334.397 679.105 335.293 680 336.397 680V678V676ZM350.151 680C351.255 680 352.151 679.105 352.151 678C352.151 676.895 351.255 676 350.151 676V678V680ZM358.747 676C357.642 676 356.747 676.895 356.747 678C356.747 679.105 357.642 680 358.747 680V678V676ZM247 678V680H260.753V678V676H247V678ZM269.349 678V680H283.103V678V676H269.349V678ZM291.699 678V680H305.452V678V676H291.699V678ZM314.048 678V680H327.801V678V676H314.048V678ZM336.397 678V680H350.151V678V676H336.397V678ZM358.747 678V680H372.5V678V676H358.747V678Z" fill="#1E1E1E"/>
|
||||
<path d="M519 676C517.895 676 517 676.895 517 678C517 679.105 517.895 680 519 680V678V676ZM645.914 679.414C646.695 678.633 646.695 677.367 645.914 676.586L633.186 663.858C632.405 663.077 631.139 663.077 630.358 663.858C629.577 664.639 629.577 665.905 630.358 666.686L641.672 678L630.358 689.314C629.577 690.095 629.577 691.361 630.358 692.142C631.139 692.923 632.405 692.923 633.186 692.142L645.914 679.414ZM532.753 680C533.858 680 534.753 679.105 534.753 678C534.753 676.895 533.858 676 532.753 676V678V680ZM541.349 676C540.245 676 539.349 676.895 539.349 678C539.349 679.105 540.245 680 541.349 680V678V676ZM555.103 680C556.207 680 557.103 679.105 557.103 678C557.103 676.895 556.207 676 555.103 676V678V680ZM563.699 676C562.594 676 561.699 676.895 561.699 678C561.699 679.105 562.594 680 563.699 680V678V676ZM577.452 680C578.557 680 579.452 679.105 579.452 678C579.452 676.895 578.557 676 577.452 676V678V680ZM586.048 676C584.943 676 584.048 676.895 584.048 678C584.048 679.105 584.943 680 586.048 680V678V676ZM599.801 680C600.906 680 601.801 679.105 601.801 678C601.801 676.895 600.906 676 599.801 676V678V680ZM608.397 676C607.293 676 606.397 676.895 606.397 678C606.397 679.105 607.293 680 608.397 680V678V676ZM622.151 680C623.255 680 624.151 679.105 624.151 678C624.151 676.895 623.255 676 622.151 676V678V680ZM630.747 676C629.642 676 628.747 676.895 628.747 678C628.747 679.105 629.642 680 630.747 680V678V676ZM519 678V680H532.753V678V676H519V678ZM541.349 678V680H555.103V678V676H541.349V678ZM563.699 678V680H577.452V678V676H563.699V678ZM586.048 678V680H599.801V678V676H586.048V678ZM608.397 678V680H622.151V678V676H608.397V678ZM630.747 678V680H644.5V678V676H630.747V678Z" fill="#1E1E1E"/>
|
||||
<path d="M519 432C517.895 432 517 432.895 517 434C517 435.105 517.895 436 519 436V434V432ZM645.914 435.414C646.695 434.633 646.695 433.367 645.914 432.586L633.186 419.858C632.405 419.077 631.139 419.077 630.358 419.858C629.577 420.639 629.577 421.905 630.358 422.686L641.672 434L630.358 445.314C629.577 446.095 629.577 447.361 630.358 448.142C631.139 448.923 632.405 448.923 633.186 448.142L645.914 435.414ZM532.753 436C533.858 436 534.753 435.105 534.753 434C534.753 432.895 533.858 432 532.753 432V434V436ZM541.349 432C540.245 432 539.349 432.895 539.349 434C539.349 435.105 540.245 436 541.349 436V434V432ZM555.103 436C556.207 436 557.103 435.105 557.103 434C557.103 432.895 556.207 432 555.103 432V434V436ZM563.699 432C562.594 432 561.699 432.895 561.699 434C561.699 435.105 562.594 436 563.699 436V434V432ZM577.452 436C578.557 436 579.452 435.105 579.452 434C579.452 432.895 578.557 432 577.452 432V434V436ZM586.048 432C584.943 432 584.048 432.895 584.048 434C584.048 435.105 584.943 436 586.048 436V434V432ZM599.801 436C600.906 436 601.801 435.105 601.801 434C601.801 432.895 600.906 432 599.801 432V434V436ZM608.397 432C607.293 432 606.397 432.895 606.397 434C606.397 435.105 607.293 436 608.397 436V434V432ZM622.151 436C623.255 436 624.151 435.105 624.151 434C624.151 432.895 623.255 432 622.151 432V434V436ZM630.747 432C629.642 432 628.747 432.895 628.747 434C628.747 435.105 629.642 436 630.747 436V434V432ZM519 434V436H532.753V434V432H519V434ZM541.349 434V436H555.103V434V432H541.349V434ZM563.699 434V436H577.452V434V432H563.699V434ZM586.048 434V436H599.801V434V432H586.048V434ZM608.397 434V436H622.151V434V432H608.397V434ZM630.747 434V436H644.5V434V432H630.747V434Z" fill="#1E1E1E"/>
|
||||
<path d="M791 676C789.895 676 789 676.895 789 678C789 679.105 789.895 680 791 680V678V676ZM917.914 679.414C918.695 678.633 918.695 677.367 917.914 676.586L905.186 663.858C904.405 663.077 903.139 663.077 902.358 663.858C901.577 664.639 901.577 665.905 902.358 666.686L913.672 678L902.358 689.314C901.577 690.095 901.577 691.361 902.358 692.142C903.139 692.923 904.405 692.923 905.186 692.142L917.914 679.414ZM804.753 680C805.858 680 806.753 679.105 806.753 678C806.753 676.895 805.858 676 804.753 676V678V680ZM813.349 676C812.245 676 811.349 676.895 811.349 678C811.349 679.105 812.245 680 813.349 680V678V676ZM827.103 680C828.207 680 829.103 679.105 829.103 678C829.103 676.895 828.207 676 827.103 676V678V680ZM835.699 676C834.594 676 833.699 676.895 833.699 678C833.699 679.105 834.594 680 835.699 680V678V676ZM849.452 680C850.557 680 851.452 679.105 851.452 678C851.452 676.895 850.557 676 849.452 676V678V680ZM858.048 676C856.943 676 856.048 676.895 856.048 678C856.048 679.105 856.943 680 858.048 680V678V676ZM871.801 680C872.906 680 873.801 679.105 873.801 678C873.801 676.895 872.906 676 871.801 676V678V680ZM880.397 676C879.293 676 878.397 676.895 878.397 678C878.397 679.105 879.293 680 880.397 680V678V676ZM894.151 680C895.255 680 896.151 679.105 896.151 678C896.151 676.895 895.255 676 894.151 676V678V680ZM902.747 676C901.642 676 900.747 676.895 900.747 678C900.747 679.105 901.642 680 902.747 680V678V676ZM791 678V680H804.753V678V676H791V678ZM813.349 678V680H827.103V678V676H813.349V678ZM835.699 678V680H849.452V678V676H835.699V678ZM858.048 678V680H871.801V678V676H858.048V678ZM880.397 678V680H894.151V678V676H880.397V678ZM902.747 678V680H916.5V678V676H902.747V678Z" fill="#1E1E1E"/>
|
||||
<path d="M791 432C789.895 432 789 432.895 789 434C789 435.105 789.895 436 791 436V434V432ZM917.914 435.414C918.695 434.633 918.695 433.367 917.914 432.586L905.186 419.858C904.405 419.077 903.139 419.077 902.358 419.858C901.577 420.639 901.577 421.905 902.358 422.686L913.672 434L902.358 445.314C901.577 446.095 901.577 447.361 902.358 448.142C903.139 448.923 904.405 448.923 905.186 448.142L917.914 435.414ZM804.753 436C805.858 436 806.753 435.105 806.753 434C806.753 432.895 805.858 432 804.753 432V434V436ZM813.349 432C812.245 432 811.349 432.895 811.349 434C811.349 435.105 812.245 436 813.349 436V434V432ZM827.103 436C828.207 436 829.103 435.105 829.103 434C829.103 432.895 828.207 432 827.103 432V434V436ZM835.699 432C834.594 432 833.699 432.895 833.699 434C833.699 435.105 834.594 436 835.699 436V434V432ZM849.452 436C850.557 436 851.452 435.105 851.452 434C851.452 432.895 850.557 432 849.452 432V434V436ZM858.048 432C856.943 432 856.048 432.895 856.048 434C856.048 435.105 856.943 436 858.048 436V434V432ZM871.801 436C872.906 436 873.801 435.105 873.801 434C873.801 432.895 872.906 432 871.801 432V434V436ZM880.397 432C879.293 432 878.397 432.895 878.397 434C878.397 435.105 879.293 436 880.397 436V434V432ZM894.151 436C895.255 436 896.151 435.105 896.151 434C896.151 432.895 895.255 432 894.151 432V434V436ZM902.747 432C901.642 432 900.747 432.895 900.747 434C900.747 435.105 901.642 436 902.747 436V434V432ZM791 434V436H804.753V434V432H791V434ZM813.349 434V436H827.103V434V432H813.349V434ZM835.699 434V436H849.452V434V432H835.699V434ZM858.048 434V436H871.801V434V432H858.048V434ZM880.397 434V436H894.151V434V432H880.397V434ZM902.747 434V436H916.5V434V432H902.747V434Z" fill="#1E1E1E"/>
|
||||
<path d="M247 914C245.895 914 245 914.895 245 916C245 917.105 245.895 918 247 918V916V914ZM373.914 917.414C374.695 916.633 374.695 915.367 373.914 914.586L361.186 901.858C360.405 901.077 359.139 901.077 358.358 901.858C357.577 902.639 357.577 903.905 358.358 904.686L369.672 916L358.358 927.314C357.577 928.095 357.577 929.361 358.358 930.142C359.139 930.923 360.405 930.923 361.186 930.142L373.914 917.414ZM260.753 918C261.858 918 262.753 917.105 262.753 916C262.753 914.895 261.858 914 260.753 914V916V918ZM269.349 914C268.245 914 267.349 914.895 267.349 916C267.349 917.105 268.245 918 269.349 918V916V914ZM283.103 918C284.207 918 285.103 917.105 285.103 916C285.103 914.895 284.207 914 283.103 914V916V918ZM291.699 914C290.594 914 289.699 914.895 289.699 916C289.699 917.105 290.594 918 291.699 918V916V914ZM305.452 918C306.557 918 307.452 917.105 307.452 916C307.452 914.895 306.557 914 305.452 914V916V918ZM314.048 914C312.943 914 312.048 914.895 312.048 916C312.048 917.105 312.943 918 314.048 918V916V914ZM327.801 918C328.906 918 329.801 917.105 329.801 916C329.801 914.895 328.906 914 327.801 914V916V918ZM336.397 914C335.293 914 334.397 914.895 334.397 916C334.397 917.105 335.293 918 336.397 918V916V914ZM350.151 918C351.255 918 352.151 917.105 352.151 916C352.151 914.895 351.255 914 350.151 914V916V918ZM358.747 914C357.642 914 356.747 914.895 356.747 916C356.747 917.105 357.642 918 358.747 918V916V914ZM247 916V918H260.753V916V914H247V916ZM269.349 916V918H283.103V916V914H269.349V916ZM291.699 916V918H305.452V916V914H291.699V916ZM314.048 916V918H327.801V916V914H314.048V916ZM336.397 916V918H350.151V916V914H336.397V916ZM358.747 916V918H372.5V916V914H358.747V916Z" fill="#1E1E1E"/>
|
||||
<path d="M519 914C517.895 914 517 914.895 517 916C517 917.105 517.895 918 519 918V916V914ZM645.914 917.414C646.695 916.633 646.695 915.367 645.914 914.586L633.186 901.858C632.405 901.077 631.139 901.077 630.358 901.858C629.577 902.639 629.577 903.905 630.358 904.686L641.672 916L630.358 927.314C629.577 928.095 629.577 929.361 630.358 930.142C631.139 930.923 632.405 930.923 633.186 930.142L645.914 917.414ZM532.753 918C533.858 918 534.753 917.105 534.753 916C534.753 914.895 533.858 914 532.753 914V916V918ZM541.349 914C540.245 914 539.349 914.895 539.349 916C539.349 917.105 540.245 918 541.349 918V916V914ZM555.103 918C556.207 918 557.103 917.105 557.103 916C557.103 914.895 556.207 914 555.103 914V916V918ZM563.699 914C562.594 914 561.699 914.895 561.699 916C561.699 917.105 562.594 918 563.699 918V916V914ZM577.452 918C578.557 918 579.452 917.105 579.452 916C579.452 914.895 578.557 914 577.452 914V916V918ZM586.048 914C584.943 914 584.048 914.895 584.048 916C584.048 917.105 584.943 918 586.048 918V916V914ZM599.801 918C600.906 918 601.801 917.105 601.801 916C601.801 914.895 600.906 914 599.801 914V916V918ZM608.397 914C607.293 914 606.397 914.895 606.397 916C606.397 917.105 607.293 918 608.397 918V916V914ZM622.151 918C623.255 918 624.151 917.105 624.151 916C624.151 914.895 623.255 914 622.151 914V916V918ZM630.747 914C629.642 914 628.747 914.895 628.747 916C628.747 917.105 629.642 918 630.747 918V916V914ZM519 916V918H532.753V916V914H519V916ZM541.349 916V918H555.103V916V914H541.349V916ZM563.699 916V918H577.452V916V914H563.699V916ZM586.048 916V918H599.801V916V914H586.048V916ZM608.397 916V918H622.151V916V914H608.397V916ZM630.747 916V918H644.5V916V914H630.747V916Z" fill="#1E1E1E"/>
|
||||
<path d="M791 914C789.895 914 789 914.895 789 916C789 917.105 789.895 918 791 918V916V914ZM917.914 917.414C918.695 916.633 918.695 915.367 917.914 914.586L905.186 901.858C904.405 901.077 903.139 901.077 902.358 901.858C901.577 902.639 901.577 903.905 902.358 904.686L913.672 916L902.358 927.314C901.577 928.095 901.577 929.361 902.358 930.142C903.139 930.923 904.405 930.923 905.186 930.142L917.914 917.414ZM804.753 918C805.858 918 806.753 917.105 806.753 916C806.753 914.895 805.858 914 804.753 914V916V918ZM813.349 914C812.245 914 811.349 914.895 811.349 916C811.349 917.105 812.245 918 813.349 918V916V914ZM827.103 918C828.207 918 829.103 917.105 829.103 916C829.103 914.895 828.207 914 827.103 914V916V918ZM835.699 914C834.594 914 833.699 914.895 833.699 916C833.699 917.105 834.594 918 835.699 918V916V914ZM849.452 918C850.557 918 851.452 917.105 851.452 916C851.452 914.895 850.557 914 849.452 914V916V918ZM858.048 914C856.943 914 856.048 914.895 856.048 916C856.048 917.105 856.943 918 858.048 918V916V914ZM871.801 918C872.906 918 873.801 917.105 873.801 916C873.801 914.895 872.906 914 871.801 914V916V918ZM880.397 914C879.293 914 878.397 914.895 878.397 916C878.397 917.105 879.293 918 880.397 918V916V914ZM894.151 918C895.255 918 896.151 917.105 896.151 916C896.151 914.895 895.255 914 894.151 914V916V918ZM902.747 914C901.642 914 900.747 914.895 900.747 916C900.747 917.105 901.642 918 902.747 918V916V914ZM791 916V918H804.753V916V914H791V916ZM813.349 916V918H827.103V916V914H813.349V916ZM835.699 916V918H849.452V916V914H835.699V916ZM858.048 916V918H871.801V916V914H858.048V916ZM880.397 916V918H894.151V916V914H880.397V916ZM902.747 916V918H916.5V916V914H902.747V916Z" fill="#1E1E1E"/>
|
||||
<path d="M247 432C245.895 432 245 432.895 245 434C245 435.105 245.895 436 247 436V434V432ZM373.914 435.414C374.695 434.633 374.695 433.367 373.914 432.586L361.186 419.858C360.405 419.077 359.139 419.077 358.358 419.858C357.577 420.639 357.577 421.905 358.358 422.686L369.672 434L358.358 445.314C357.577 446.095 357.577 447.361 358.358 448.142C359.139 448.923 360.405 448.923 361.186 448.142L373.914 435.414ZM260.753 436C261.858 436 262.753 435.105 262.753 434C262.753 432.895 261.858 432 260.753 432V434V436ZM269.349 432C268.245 432 267.349 432.895 267.349 434C267.349 435.105 268.245 436 269.349 436V434V432ZM283.103 436C284.207 436 285.103 435.105 285.103 434C285.103 432.895 284.207 432 283.103 432V434V436ZM291.699 432C290.594 432 289.699 432.895 289.699 434C289.699 435.105 290.594 436 291.699 436V434V432ZM305.452 436C306.557 436 307.452 435.105 307.452 434C307.452 432.895 306.557 432 305.452 432V434V436ZM314.048 432C312.943 432 312.048 432.895 312.048 434C312.048 435.105 312.943 436 314.048 436V434V432ZM327.801 436C328.906 436 329.801 435.105 329.801 434C329.801 432.895 328.906 432 327.801 432V434V436ZM336.397 432C335.293 432 334.397 432.895 334.397 434C334.397 435.105 335.293 436 336.397 436V434V432ZM350.151 436C351.255 436 352.151 435.105 352.151 434C352.151 432.895 351.255 432 350.151 432V434V436ZM358.747 432C357.642 432 356.747 432.895 356.747 434C356.747 435.105 357.642 436 358.747 436V434V432ZM247 434V436H260.753V434V432H247V434ZM269.349 434V436H283.103V434V432H269.349V434ZM291.699 434V436H305.452V434V432H291.699V434ZM314.048 434V436H327.801V434V432H314.048V434ZM336.397 434V436H350.151V434V432H336.397V434ZM358.747 434V436H372.5V434V432H358.747V434Z" fill="#1E1E1E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 60 KiB |
88
pixel_perfect_rendering/stroke_pos_ex.svg
Normal file
88
pixel_perfect_rendering/stroke_pos_ex.svg
Normal file
@ -0,0 +1,88 @@
|
||||
<svg width="792" height="275" viewBox="0 0 792 275" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="792" height="275" fill="white"/>
|
||||
<rect x="112" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="362" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="362" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="144" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="394" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="394" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="80" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="330" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="330" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<path d="M48 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M298 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M80 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M330 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M112 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M362 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M144 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M394 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M176 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M426 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 54.8184L48 54.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 54.8184L298 54.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 86.8184L48 86.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 86.8184L298 86.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 118.818L48 118.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 118.818L298 118.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 150.818L48 150.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 150.818L298 150.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 182.818L48 182.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 182.818L298 182.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M208 214.818L48 214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M458 214.818L298 214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="32" y="38.5469">0,0</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="282" y="38.5469">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="80" y="38.5469">X</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="330" y="38.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="21" y="80.5469">Y</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="271" y="80.5469">Y</tspan></text>
|
||||
<path d="M48 52.8184V118.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M298 52.8184V118.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M48 54.8184H112" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M298 54.8184H362" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="80" y="119" width="96" height="32" rx="3" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="330" y="119" width="96" height="64" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M80 119H176" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<path d="M330 119H426" stroke="#1E1E1E" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel" stroke-dasharray="16 10"/>
|
||||
<circle cx="80" cy="119" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="330" cy="119" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="176" cy="119" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="426" cy="119" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<rect x="580" y="87" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="612" y="87" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="644" y="87" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="676" y="87" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="676" y="119" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="676" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="580" y="118.818" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="580" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="612" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<rect x="644" y="151" width="32" height="32" rx="3" fill="#66D575"/>
|
||||
<path d="M548 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M580 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M612 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M644 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M676 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M708 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 54.8184V214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 54.8184L548 54.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 86.8184L548 86.8184" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 118.818L548 118.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 150.818L548 150.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 182.818L548 182.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M740 214.818L548 214.818" stroke="#B3B3B3" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="532" y="38.5469">0,0</tspan></text>
|
||||
<text fill="#F24822" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="580" y="38.5469">X</tspan></text>
|
||||
<text fill="#3DADFF" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" letter-spacing="-0.011em"><tspan x="521" y="80.5469">Y</tspan></text>
|
||||
<path d="M548 52.8184V118.818" stroke="#3DADFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<path d="M548 54.8184H612" stroke="#F24822" stroke-width="4" stroke-linecap="round" stroke-linejoin="bevel"/>
|
||||
<rect x="580" y="87" width="128" height="96" rx="6" stroke="#757575" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="580" cy="87" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="708" cy="183" r="8" fill="#1E1E1E" stroke="#242424" stroke-width="4" stroke-linecap="round"/>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="50" y="246.547">A</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="298" y="246.547">B</tspan></text>
|
||||
<text fill="#1E1E1E" style="white-space: pre" xml:space="preserve" font-family="Arial" font-size="16" font-weight="bold" letter-spacing="-0.011em"><tspan x="546" y="246.547">C</tspan></text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.6 KiB |
Loading…
x
Reference in New Issue
Block a user