| << Chapter < Page | Chapter >> Page > |
There are at least two approaches for using SVG to create a drawing like this:
As mentioned earlier, the contents of an SVG file are plain text. That text can be produced using any plain text editor, such as Windows Notepad.
If you are willing to study the specifications at (External Link) , you can use your text editor to create raw SVG code and accomplish everything that ispossible using SVG. However, that can be a daunting task.
Listing 1 shows the raw SVG code that produced the image shown in Figure 2 . You might conclude that you don't want to spend your time writing text like thatwhen you should be studying physics concepts instead.
| Listing 1 . Raw SVG code for Figure 2. |
|---|
<?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="990" height="765"><title>Document Title</title><rect fill="none" stroke="black" stroke-width="3"
x="1" y="1" width="987" height="762"><title>rectangle</title></rect><line stroke="black" stroke-width="9"
x1="45" y1="720" x2="945" y2="720"><title>line</title></line><line stroke="black" stroke-width="9"
x1="90" y1="720" x2="90" y2="90"><title>line</title></line><rect fill="none" stroke="black" stroke-width="3"
x="90" y="405" width="630" height="90"><title>rectangle</title></rect><rect fill="none" stroke="black" stroke-width="3"
x="585" y="495" width="45" height="225"><title>rectangle</title></rect><rect fill="none" stroke="black" stroke-width="5"
x="180" y="225" width="180" height="180"><title>rectangle</title></rect><rect fill="none" stroke="black" stroke-width="5"
x="450" y="225" width="180" height="180"><title>rectangle</title></rect><polygon stroke="black" stroke-width="5" fill="none"
points="675 675 855 675 765 540 "><title>polygon</title></polygon><rect fill="none" stroke="black" stroke-width="5"
x="709" y="346" width="35" height="95"><title>rectangle</title></rect><circle fill="none" stroke="black" stroke-width="5"
cx="725" cy="355" r="41"><title>circle</title></circle><line stroke="black" stroke-width="3"
x1="90" y1="315" x2="180" y2="315"><title>line</title></line><line stroke="black" stroke-width="3"
x1="360" y1="315" x2="450" y2="315"><title>line</title></line><line stroke="black" stroke-width="3"
x1="630" y1="315" x2="725" y2="315"><title>line</title></line><line stroke="black" stroke-width="3"
x1="765" y1="360" x2="765" y2="540"><title>line</title></line><text fill="black" stroke="black"
x="225" y="468" font-size="32" font-family="arial">Friction free table.</text></svg> |
Although the concepts involved in manually writing SVG code aren't complicated, the process is very tedious and you are very likely to make errors in the codingprocess.
Fortunately for sighted students, drawing tools are readily available that make the creation of SVG drawings relatively easy. One of the best is the freeopen source SVG graphics editor named Inkscape . Sighted students are able to use that editor with the mouse and the keyboard to create drawings in a visual drawingenvironment.
Notification Switch
Would you like to follow the 'Accessible physics concepts for blind students' conversation and receive update notifications?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|