SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“The viewbox attribute is a very interesting tool in SVG, because it allows us to create a virtual window in which our graphic will be rendered. In this way, we can use it to delimit the visible part of the graph, zoom in and define other behaviors. Let's see it in detail.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: The viewbox attribute, 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

“The viewBox attribute is a very interesting element in Svg because it allows us to define the visible rectangle of A svg chart so we can use this Attribute to zoom in certain areas From the graph or get it to look whole let's see how it works So far we have seen that the size of a Svg is framed with the width and height attributes And this is what we call the view port But one more attribute that we can add is the Pib box that declares the visible area of this svg To explain what we mean by the visible area, imagine a bone Old age in this case represented by this box we could Delimit a visi...”

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)
• 9106 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