Visrez Animated Loading Logo | ||||
Drawing No.1 / 6 | Scale3:1 | Weight1.3KiB | Date | Proj. |
Original LogoVisrez Animated Loading Logo | ||||
Drawing No.2 / 6 | Scale3:1 | Weight7.5KiB | Date | Proj. |
Cube :)Visrez Animated Loading Logo | ||||
Drawing No.3 / 6 | Scale3:1 | Weight1.3KiB | Date | Proj. |
We can represent the logo with the following commands
- - Size the viewBox to span from (-1.0, -1.0) to (1.0, 1.0)
- - Imagine a virtual starting point at (1.0, -0.707)
- - Move to 60% of that point
- - Draw an absolute line to (0.0, 0.0)
- - Draw a relative line to (-1.0, -0.707)
- - Draw a relative line to (1.0, -0.707)
- - et cet.
Authored PathVisrez Animated Loading Logo | ||||
Drawing No.4 / 6 | Scale3:1 | Weight1.3KiB | Date | Proj. |
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="-1 -1 2 2" -- Define the coordinate system to go
-- from (-1, -1) with a width of (2, 2)
>
<g style="scale: 0.707;"> -- Scale the overall shape down. Because
-- we move up (and down) by 2 * 0.707,
-- the overall height becomes 4 * 0.707 = 2.828,
-- so we scale down by 0.707 to get a height of 2
<path
d="M 0.6, -0.42 -- Move to 60% of (1, -O.707)
L 0, 0 -- Draw a line to (0, 0)
l -1, -0.707 -- Draw a relative line by moving (-1, -0.707)
l 1, -0.707 -- Draw a relative line by moving ( 1, -0.707)
l 1, 0.707 -- Draw a relative line by moving ( 1, 0.707)
v 1 -- Draw a vertical line by moving (0, 1)
L 0, 1 -- Draw a line by moving to (0, 1)
l -1, -0.707 -- Draw a relative line by moving (-1, -0.707)
v -O.2" -- Draw a vertical line by moving (0, -0.2)
pathLength="1" -- Tell the renderer to treat the length
-- of the path as being 1
/>
</g>
</svg> Path DataVisrez Animated Loading Logo | ||||
Drawing No.5 / 6 | Scale3:1 | Weight1.3KiB | Date | Proj. |
Putting it all togetherVisrez Animated Loading Logo | ||||
Drawing No.6 / 6 | Scale3:1 | Weight1.3KiB | Date | Proj. |