Vskills certification for SVG Professional assesses the candidate as per the company’s need for scalable vector graphics development. The certification tests the candidates on various areas in Coordinates, Document Structure, Shapes, Paths, Coordinate System, Patterns, Gradients, Clipping, Masking, Animating and Scripting SVG.

1. Certified SVG Professional
VS-1141

2. Certified
www.vskills.in
CCCCertifiedertifiedertifiedertified SVGSVGSVGSVG ProfessionalProfessionalProfessionalProfessional
Certification CodeCertification CodeCertification CodeCertification Code VS-1141
Vskills certification for SVG Professional assesses the candidate as per the company’s need
for scalable vector graphics development. The certification tests the candidates on various
areas in Coordinates, Document Structure, Shapes, Paths, Coordinate System, Patterns,
Gradients, Clipping, Masking, Animating and Scripting SVG.
Why should one take this certification?Why should one take this certification?Why should one take this certification?Why should one take this certification?
This Course is intended for professionals and graduates wanting to excel in their chosen
areas. It is also well suited for those who are already working and would like to take
certification for further career progression.
Earning Vskills SVG Professional Certification can help candidate differentiate in today's
competitive job market, broaden their employment opportunities by displaying their
advanced skills, and result in higher earning potential.
Who will benefit from taking this certification?Who will benefit from taking this certification?Who will benefit from taking this certification?Who will benefit from taking this certification?
Job seekers looking to find employment in graphics, multimedia or web development
departments of various companies, students generally wanting to improve their skill set and
make their CV stronger and existing employees looking for a better role can prove their
employers the value of their skills through this certification.
Test DetailsTest DetailsTest DetailsTest Details
• Duration:Duration:Duration:Duration: 60 minutes
• No. of questions:No. of questions:No. of questions:No. of questions: 50
• Maximum marks:Maximum marks:Maximum marks:Maximum marks: 50, Passing marks: 25 (50%)
There is no negative marking in this module.
Fee StructureFee StructureFee StructureFee Structure
Rs. 4,000/- (Includes all taxes)
Companies that hire VskillsCompanies that hire VskillsCompanies that hire VskillsCompanies that hire Vskills SVGSVGSVGSVG ProfessionalProfessionalProfessionalProfessional
SVG Professionals are in great demand. Companies specializing in web development,
multimedia or graphics are constantly hiring skilled SVG Professional. Various public and
private companies also need SVG Professional for their graphics, multimedia or web
development departments.

3. Certified
www.vskills.in
Table of ContentsTable of ContentsTable of ContentsTable of Contents
1.1.1.1. IntroductionIntroductionIntroductionIntroduction
1.1 Graphics Systems
1.2 Scalability
1.3 SVG's Role
1.4 Creating an SVG Graphic
2.2.2.2. CoordinatesCoordinatesCoordinatesCoordinates
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
3.3.3.3. Basic ShapesBasic ShapesBasic ShapesBasic 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. Document StructureDocument StructureDocument StructureDocument Structure
4.1 Structure and Presentation
4.2 Using Styles with SVG
4.3 Document Structure -- Grouping and Referencing Objects
5.5.5.5. Transforming the Coordinate SystemTransforming the Coordinate SystemTransforming the Coordinate SystemTransforming 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
6.6.6.6. PathsPathsPathsPaths
6.1 moveto, lineto, and closepath
6.2 Relative moveto and lineto
6.3 Path Shortcuts
6.4 Elliptical Arc

4. Certified
www.vskills.in
6.5 Technique: Converting from Other Arc Formats
6.6 Bézier Curves
6.7 Path Reference Summary
6.8 Paths and Filling
6.9 The marker element
6.10 Marker Miscellanea
7.7.7.7. Patterns and GradientsPatterns and GradientsPatterns and GradientsPatterns and Gradients
7.1 Patterns
7.2 Gradients
7.3 radialGradient
7.4 Gradient Reference Summary
7.5 Transforming Gradients and Patterns
8.8.8.8. TextTextTextText
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
9.9.9.9. Clipping and MaskingClipping and MaskingClipping and MaskingClipping and Masking
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

5. Certified
www.vskills.in
10.10.10.10. Animating and Scripting SVGAnimating and Scripting SVGAnimating and Scripting SVGAnimating 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 SVGGenerating SVGGenerating SVGGenerating 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
12.12.12.12. Serving SVG FilesServing SVG FilesServing SVG FilesServing SVG Files
12.1 Serving Web Files -- The Task at Hand
12.2 Partitioning the Task
12.3 Setting up the Server

6. Certified
www.vskills.in
Sample QuestionsSample QuestionsSample QuestionsSample Questions
1.1.1.1. What does theWhat does theWhat does theWhat does the SVG languageSVG languageSVG languageSVG language describes?describes?describes?describes?
A. Images
B. 2D Graphics
C. 3D Graphics
D. All of these
2222.... WhatWhatWhatWhat doedoedoedoessss the termthe termthe termthe term SVGSVGSVGSVG refers torefers torefers torefers to????
A. Scalable Visual Graphics
B. Static Vector Graphics
C. Scalable Vector Graphics
D. Simple Vector Graphics
3333.... What type of graphics isWhat type of graphics isWhat type of graphics isWhat type of graphics is SVG used to defineSVG used to defineSVG used to defineSVG used to define????
A. vector-based
B. visual-based
C. web-based
D. scalar-based
4444.... Which format does SVG defines graphics in?Which format does SVG defines graphics in?Which format does SVG defines graphics in?Which format does SVG defines graphics in?
A. PHP
B. XML
C. ASP
D. HTML
5555.... What is the main competitor to SVG?What is the main competitor to SVG?What is the main competitor to SVG?What is the main competitor to SVG?
A. Photoshop
B. Microsoft's Paint
C. Flash
D. None of these
Answers: 1 (B), 2 (C), 3 (A), 4 (B), 5 (C)