SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“We continue with the basic forms of SVG, and in this lesson we will see how line labels work ( <line> ), polyline ( <polyline> ) and polygon ( <polygon> ).”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Line, polyline, and polygon labels, which is part of the Domestika online course: SVG Vectorial Graphics: Illustrate and Animate with Code. Learn to create vector illustrations for your website, from basic lines to interactive animations.

Partial transcription of the video

“Well, in this election Let's try to expand our basic drawing labels a bit And in this case we will work with paul line and line and polygon Let's see them The line tag allows us to draw a line From one point to another point within our svg To draw a line We will give four points and venerated Coordinates the first two coordinates are x1 And one and is the point where our line begins to draw And to know where our line ends we will give other coordinates that will be x2 There are 2 The last thing I need is to give our line a color a stroke color And finally, as with all strokes I can indicate...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code

• Level: Beginner
• 98% positive reviews (271)
• 9107 students
• 7 units
• 32 lessons (2h 2m)
• 6 downloads

• Category

  Web & App Design

• Software

  Adobe Illustrator, Sketch

• Areas

  Animation, Interactive Design, Web Design, Web Development