Certified SVG Professional

VS-1141
Certified
www.vskills.in


C CC Certified ertified ertified ertified SVG SVG SVG SVG Professional Professional Professional Professional
Certification Code Certification Code Certification Code Certification Code VS-1141
Vskills certification for SVG Professional assesses the candidate as per the companys need
for scalable vector graphics development. he certification tests the candidates on vario!s
areas in Coordinates" #oc!ment Str!ct!re" Shapes" Paths" Coordinate System" Patterns"
Gradients" Clipping" $asking" %nimating and Scripting SVG.

&hy sho!ld one take this certification' &hy sho!ld one take this certification' &hy sho!ld one take this certification' &hy sho!ld one take this certification'
his Co!rse is intended for professionals and grad!ates (anting to e)cel in their chosen
areas. *t is also (ell s!ited for those (ho are already (orking and (o!ld like to take
certification for f!rther career progression.

+arning Vskills SVG Professional Certification can help candidate differentiate in today,s
competitive -ob market" broaden their employment opport!nities by displaying their
advanced skills" and res!lt in higher earning potential.

&ho (ill benefit from taking this certification' &ho (ill benefit from taking this certification' &ho (ill benefit from taking this certification' &ho (ill benefit from taking this certification'
.ob seekers looking to find employment in graphics" m!ltimedia or (eb development
departments of vario!s companies" st!dents generally (anting to improve their skill set and
make their CV stronger and e)isting employees looking for a better role can prove their
employers the val!e of their skills thro!gh this certification.
est #etails est #etails est #etails est #etails
#!ration/ #!ration/ #!ration/ #!ration/ 01 min!tes
2o. of 3!estions/ 2o. of 3!estions/ 2o. of 3!estions/ 2o. of 3!estions/ 41
$a)im!m marks/ $a)im!m marks/ $a)im!m marks/ $a)im!m marks/ 41" Passing marks/ 54 64178
here is no negative marking in this mod!le.
9ee Str!ct!re 9ee Str!ct!re 9ee Str!ct!re 9ee Str!ct!re
:s. ;"111<- 6*ncl!des all ta)es8
Companies that hire Vskills Companies that hire Vskills Companies that hire Vskills Companies that hire Vskills SVG SVG SVG SVG Professional Professional Professional Professional
SVG Professionals are in great demand. Companies speciali=ing in (eb development"
m!ltimedia or graphics are constantly hiring skilled SVG Professional. Vario!s p!blic and
private companies also need SVG Professional for their graphics" m!ltimedia or (eb
development departments.





Certified
www.vskills.in

able of Contents able of Contents able of Contents able of Contents

1. 1. 1. 1. *ntrod!ction *ntrod!ction *ntrod!ction *ntrod!ction
1.1 Graphics Systems
1.2 Scalability
1.3 SVG's Role
1.4 Creating an SVG Graphic

5. 5. 5. 5. Coordinates Coordinates Coordinates Coordinates
2.1 The Viewport
2.2 Using Default User Coordinates
2.3 Specifying User Coordinates for a Viewport
2.4 Preserving Aspect Ratio
2.5 Nested Systems of Coordinates

;. ;. ;. ;. >asic Shapes >asic Shapes >asic Shapes >asic Shapes
3.1 Lines
3.2 Stroke Characteristics
3.3 Rectangles
3.4 Circles and Ellipses
3.5 The polygon Element
3.6 The polyline Element
3.7 Basic Shapes Reference Summary

4. 4. 4. 4. #oc!ment Str!ct!re #oc!ment Str!ct!re #oc!ment Str!ct!re #oc!ment Str!ct!re
4.1 Structure and Presentation
4.2 Using Styles with SVG
4.3 Document Structure -- Grouping and Referencing Objects

4. 4. 4. 4. ransforming the Coordinate System ransforming the Coordinate System ransforming the Coordinate System ransforming the Coordinate System
5.1 The translate Transformation
5.2 The scale Transformation
5.3 Sequences of Transformations
5.4 Technique: Converting from Cartesian Coordinates
5.5 The rotate Transformation
5.6 Technique: Scaling Around a Center Point
5.7 The skewX and skewY Transformations
5.8 Transformation Reference Summary

0. 0. 0. 0. Paths Paths Paths Paths
6.1 moveto, lineto, and closepath
6.2 Relative moveto and lineto
6.3 Path Shortcuts
6.4 Elliptical Arc
Certified
www.vskills.in

6.5 Technique: Converting from Other Arc Formats
6.6 Bzier Curves
6.7 Path Reference Summary
6.8 Paths and Filling
6.9 The marker element
6.10 Marker Miscellanea

?. ?. ?. ?. Patterns and Gradients Patterns and Gradients Patterns and Gradients Patterns and Gradients
7.1 Patterns
7.2 Gradients
7.3 radialGradient
7.4 Gradient Reference Summary
7.5 Transforming Gradients and Patterns

@. @. @. @. e)t e)t e)t e)t
8.1 Text Terminology
8.2 Simple Attributes and Properties of the text Element
8.3 Text Alignment
8.4 The tspan element
8.5 Setting textLength
8.6 Vertical Text
8.7 Internationalization and Text
8.8 Text on a Path
8.9 Whitespace and Text
8.10 Case Study -- Adding Text to a Graphic

A. A. A. A. Clipping and $asking Clipping and $asking Clipping and $asking Clipping and $asking
9.1 How Filters Work
9.2 Creating a Drop Shadow
9.3 Creating a Glowing Shadow
9.4 The feImage Filter
9.5 The feComponentTransfer Filter
9.6 The feComposite Filter
9.7 The feBlend Filter
9.8 The feFlood and feTile Filters
9.9 Lighting Effects
9.10 Accessing the Background
9.11 The feMorphology Element
9.12 The feConvolveMatrix Element
9.13 The feDisplacementMap Element
9.14 The feTurbulence Element
9.15 Filter Reference Summary



Certified
www.vskills.in

11. 11. 11. 11. %nimating and Scripting SVG %nimating and Scripting SVG %nimating and Scripting SVG %nimating and Scripting SVG
10.1 Animation Basics
10.2 How Time Is Measured
10.3 Repeated Action
10.4 The set Element
10.5 The animateColor Element
10.6 The animateTransform Element
10.7 The animateMotion Element
10.8 Using Links in SVG
10.9 Scripting SVG

11. 11. 11. 11. Generating SVG Generating SVG Generating SVG Generating SVG
11.1 Using Perl to Convert Custom Data to SVG
11.2 Using Java to Convert XML to SVG
11.3 Using XSLT to Convert XML Data to SVG

15. 15. 15. 15. Serving SVG 9iles Serving SVG 9iles Serving SVG 9iles Serving SVG 9iles
12.1 Serving Web Files -- The Task at Hand
12.2 Partitioning the Task
12.3 Setting up the Server



























Certified
www.vskills.in

Sample B!estions Sample B!estions Sample B!estions Sample B!estions
1. 1. 1. 1. &hat does the &hat does the &hat does the &hat does the SVG lang!age SVG lang!age SVG lang!age SVG lang!age describes' describes' describes' describes'
%. *mages
>. 5# Graphics
C. ;# Graphics
#. %ll of these

5 55 5. . . . &hat &hat &hat &hat doe doe doe does s s s the term the term the term the term SVG SVG SVG SVG refers to refers to refers to refers to' '' '
%. Scalable Vis!al Graphics
>. Static Vector Graphics
C. Scalable Vector Graphics
#. Simple Vector Graphics

; ;; ;. . . . &hat type of graphics is &hat type of graphics is &hat type of graphics is &hat type of graphics is SVG !sed to define SVG !sed to define SVG !sed to define SVG !sed to define' '' '
%. vector-based
>. vis!al-based
C. (eb-based
#. scalar-based

4 44 4. . . . &hich format does SVG defines graphics in' &hich format does SVG defines graphics in' &hich format does SVG defines graphics in' &hich format does SVG defines graphics in'
%. PCP
>. D$E
C. %SP
#. C$E

4 44 4. . . . &hat is the main competitor to SVG' &hat is the main competitor to SVG' &hat is the main competitor to SVG' &hat is the main competitor to SVG'
%. Photoshop
>. $icrosoft,s Paint
C. 9lash
#. 2one of these


Answers: 1 (B), 2 (C), 3 (A), 4 (B), 5 (C)