<< Chapter < Page Chapter >> Page >

Two approaches

There are at least two approaches for using SVG to create a drawing like this:

  • writing raw SVG code
  • using drawing tools

Writing raw SVG code

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.

Using drawing tools

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.

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Accessible physics concepts for blind students. OpenStax CNX. Oct 02, 2015 Download for free at https://legacy.cnx.org/content/col11294/1.36
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Accessible physics concepts for blind students' conversation and receive update notifications?

Ask