JS BUG! PLEASE RELOAD! PATH ARCS 2 by SLEEper

At the end of Part 1 we left off using the draw at the left. Making the oval go up and down vertically by changing the 1st. & 2nd. position numbers.
To make the oval horizontal you use/change only the 2 zeros in the position numbers to half the amount of the depth.
Depth on the example below is 40, so the 2nd zero would be changed to 20.



For the above example: 300x100 xc.
Left Draw. Red vertical = numbers after the //

M50 5 a50 40 90 0 0 0 90 M50 5 a50 40 -90 0 1 0 90 // M32 5 a50 40 90 0 0 0 90 M32 5 a50 40 -90 20 1 0 90

Above: Right side draw.
Red horizontal = numbers after the //

M200 5 a50 40 90 0 0 0 90 M200 5 a50 40 -90 0 1 0 90 // M200 5 a50 40 0 0 0 0 90 M200 5 a50 40 0 20 1 0 90 </textarea</form></center> <br /><br /><hr width="80%" /><br /> <b>The next example will draw an oval & a circle. First the oval:<br /> To determine the Arc size of a full oval you divide the width and height by 4. <br /><br /> On this example the bg is 400x300.<br /> 4 into 400 = 100 = a100 (arc curve).<br /> 4 into 300 = 75 = 75 (arc depth).<br /> Type it as: a100 75 <br /><br /> The width/length of this oval is 300<br /> The bg xc is 400 wide.<br /> Subtract the length of oval from the bg and you`ll have 100.<br /><br /> So I make my Moveto: M50 = 50 pixels to the right... 300 width of oval = 350 ... 50 remains on right side... 50+300+50 = 400.<br /><br /> Again I changed the 2nd zero in the last set to half the size of the depth.<br /> Depth is 75 divided by 2 = 37.5 <br /> Again you don`t have to change the 2nd zero , But if you don`t it is NOT aways accurate.</b><br /><br /> <cener><form><textarea cols="50" growable autoactivate>M50 75 a100 75 0 0 1 300 150 M50 75 a100 75 0 37.5 0 300 150

Next I decided to put a red circle in the center of the oval.
M100 150 starting point
width/length of circle 200
Size of arc a50 50.

M100 = 100 pixels over from the left.
150 = 150 Down from the left.
Width/length of arc = 200
100 from left + 200 width/length = 300
That leaves 100 full length of bg.
Your Circle is now centered.

Red circle

M100 150 a50 50 0 0 1 200 0 M100 150 a50 50 0 25 0 200 0

---

Below: Next Example.



300x300 xc. Black circles starting from center.

Outer black circle = a75 75 full circle.
Again to help determine the Arc circle size, divide width & height by 4.
4 into 300 = 75
width = 300
height = 300

Red circle:

M25 150 a62 62 0 0 1 250 0 M25 150 a62 62 0 31 0 250 0

M25 150 = 25 from left
150 down starting point
250 width/length of circle
250 divided x 4 = 62
Arc size is a62 62

Center circles.

M148 150 a2 2 0 0 1 4 0 M148 150 a2 2 0 1 0 4 0 M144 150 a6 6 0 0 1 12 0 M144 150 a6 6 0 3 0 12 0 M140 150 a10 10 0 0 1 20 0 M140 150 a10 10 0 5 0 20 0 M136 150 a14 14 0 0 1 28 0 M136 150 a14 14 0 7 0 28 0 M132 150 a18 18 0 0 1 36 0 M132 150 a18 18 0 9 0 36 0 M128 150 a22 22 0 0 1 44 0 M128 150 a22 22 0 11 0 44 0 M0 150 a75 75 0 0 1 300 0 M0 150 a75 75 0 37.5 0 300 0

The last number in the position numbers has little to no effect.. I don`t mess with it at all.

Back to Arcs 1

© Copyright 2006, by SLEEper