Linking to scalable vector graphics

This is a very short and simple recipe. The title tells us what to do. We need to use Inkscape again; we can also use any of the SVG that we have already designed in the previous recipes. We are to upload a PNG image to our Moodle course, and when clicking on the said image, the SVG will appear. We can create many activities using this, especially puzzles.

Getting ready

Our baseline topic in this chapter is 2D and 3D Geometry. Therefore, shapes is the best topic to deal with. Let's choose some 3D shapes that we haven't used yet. When students click on the said shape, another SVG graphic will appear. So, can you think of any interesting activity to design?

How to do it...

Enter your Moodle course and choose the weekly outline section where you want to add the activity. In this case, we will design an online text activity; we'll create a puzzle. Follow these steps:

  1. Click on Add an activity | Online text.
  2. Complete the Assignment name block.
  3. Complete the Description block.
  4. Click on the Insert/edit image icon | Upload a file | Browse | look for the file that you want to upload.
  5. Click on the file | Open |Upload this file |Insert.
  6. Click on the image that you have just uploaded. Click on the Insert /edit a link icon.
  7. Click on Browse next to the Link URL block and browse for the SVG file that you want to upload.
  8. Upload a file | Browse | look for the file that you want to upload.
  9. Click on the file | Open |Upload this file |Insert.
  10. Click on Save and display. The activity looks as shown in the following screenshot:
    How to do it...

How it works...

When students work on this activity, they are going to be able to click on the image and they are going to open an SVG graphic linked from it. We first uploaded a PNG and the SVG was linked to it. So, this is the way it works, as shown in the following screenshot:

How it works...
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.188.178.181