Converting circles to arcs

"Pranav Lal" <[email protected]>
Newsgroups gmane.text.xml.svg.devel
Message-ID <[email protected]>
Hi all,

I was creating some accessible diagrams. I had a math teacher give me
instructions for a simple mathematical diagram. She chose locating root 2 on
"a number line". I was able to create the diagram but had a problem. How do
I draw an arc in SVG? Do I need to use the path element?  The teachers
instructions and My code are below.

[start of instructions]

To locate square root 2 on the number line
Steps
1. Draw the x-axis.
2. Take 0 as point A.
3. Take a point at a unit distance on the right of 0 on the x-axis.
Name the point as B
4. At B draw a perpendicular.
5. with B as centre and a radius of lenght of one unit draw an arc on
the perpendicular. Name the point as C.
6. Measure lenght AC.
7. With A as centre and radius equal to lenght AC draw an arc on the
x-axis to the right of 0. Mark the point as D.
8. Point D represents square root 2 on the number line.
[end of instructions]

[start of code]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.5in"
height="11.0in" id="svg1351742905194" viewBox="0.0 0.0 850.0 1100.0">
  <title>Measuring root 2</title>
  <desc>a demonstration of how root 2 can be drawn</desc>
  <line stroke="black" stroke-width="5.0" x1="0.0" y1="400.0" x2="900.0"
y2="400.0" id="line1351743001798" stroke-opacity="1.0">
    <title>x axis</title>
    <desc>the x axis line which is the base line for this diagram</desc>
  </line>
  <text fill="black" stroke="black" x="0.0" y="405.0" font-size="36"
font-family="Arial" id="text1351743461948" font-style="normal"
font-weight="normal">
    A
    <title>A</title>
    <desc>point a</desc>
  </text>
  <text fill="black" stroke="black" x="500.0" y="405.0" font-size="36"
font-family="Arial" id="text1351743506531" font-style="normal"
font-weight="normal">
    B
    <title>B</title>
    <desc>point B</desc>
  </text>
  <line stroke="black" stroke-width="4.0" x1="400.0" y1="400.0" x2="400.0"
y2="-200.0" id="line1351743660469" stroke-opacity="1.0">
    <title>perpendicularfromPointB</title>
    <desc>a perpendicular line from line B going up</desc>
  </line>
<circle fill="none" stroke="black" stroke-width="5.0" cx="400.0" cy="400.0"
r="200">    <title>arcBC</title>
    <desc>an arc on the perpendicular</desc>
</circle>
  <text fill="black" stroke="black" x="400.0" y="-200.0" font-size="36"
font-family="Arial" id="text1351743905859" font-style="normal"
font-weight="normal">
    C
    <title>pointC</title>
    <desc>point C on top of arc</desc>
  </text>
<circle fill="none" stroke="black" stroke-width="5.0" cx="0" cy="0"
r="223.6068">  
    <title>arcAC</title>
    <desc>arc ac</desc>
</circle>
  <text fill="black" stroke="black" x="200.0" y="200.0" font-size="36"
font-family="Arial" id="text1351744045515" font-style="normal"
font-weight="normal">
    D
    <title>pointD</title>
    <desc>point D or root 2</desc>
  </text>
</svg>
[end of code]
Pranav



------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
----Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    [email protected] 
    [email protected]

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.