{"id":40754,"date":"2014-02-18T17:01:45","date_gmt":"2014-02-18T11:31:45","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=40754"},"modified":"2024-04-12T14:33:29","modified_gmt":"2024-04-12T09:03:29","slug":"svg-professional","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/","title":{"rendered":"Certified SVG Professional"},"content":{"rendered":"\n

1. Introduction<\/strong><\/p>\n\n\n\n

1.1 Graphics Systems
1.2 Scalability
1.3 SVG’s Role
1.4 Creating an SVG Graphic<\/p>\n\n\n\n

2. Coordinates<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

3. Basic Shapes<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

4. Document Structure<\/strong><\/p>\n\n\n\n

4.1 Structure and Presentation
4.2 Using Styles with SVG
4.3 Document Structure — Grouping and Referencing Objects<\/p>\n\n\n\n

5. Transforming the Coordinate System<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

6. Paths<\/strong><\/p>\n\n\n\n

6.1 moveto, lineto, and closepath
6.2 Relative moveto and lineto
6.3 Path Shortcuts
6.4 Elliptical Arc
6.5 Technique: Converting from Other Arc Formats
6.6 B\u00e9zier Curves
6.7 Path Reference Summary
6.8 Paths and Filling
6.9 The marker element
6.10 Marker Miscellanea<\/p>\n\n\n\n

7. Patterns and Gradients<\/strong><\/p>\n\n\n\n

7.1 Patterns
7.2 Gradients
7.3 radialGradient
7.4 Gradient Reference Summary
7.5 Transforming Gradients and Patterns<\/p>\n\n\n\n

8. Text<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

9. Clipping and Masking<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

10. Animating and Scripting SVG<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

11. Generating SVG<\/strong><\/p>\n\n\n\n

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<\/p>\n\n\n\n

12. Serving SVG Files<\/strong><\/p>\n\n\n\n

12.1 Serving Web Files — The Task at Hand
12.2 Partitioning the Task
12.3 Setting up the Server<\/p>\n","protected":false},"excerpt":{"rendered":"

1. Introduction 1.1 Graphics Systems1.2 Scalability1.3 SVG’s Role1.4 Creating an SVG Graphic 2. Coordinates 2.1 The Viewport2.2 Using Default User Coordinates2.3 Specifying User Coordinates for a Viewport2.4 Preserving Aspect Ratio2.5 Nested Systems of Coordinates 3. Basic Shapes 3.1 Lines3.2 Stroke Characteristics3.3 Rectangles3.4 Circles and Ellipses3.5 The polygon Element3.6 The polyline Element3.7 Basic Shapes Reference Summary…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[15],"tags":[5744,42,5746,5745,5747],"class_list":["post-40754","page","type-page","status-publish","hentry","category-information-technology","tag-certified-svg-professional","tag-m4f","tag-svg-certification","tag-svg-professional","tag-using-styles-with-svg"],"acf":[],"yoast_head":"\nCertified SVG Professional - Tutorial<\/title>\n<meta name=\"description\" content=\"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Certified SVG Professional - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:03:29+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/\",\"name\":\"Certified SVG Professional - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2014-02-18T11:31:45+00:00\",\"dateModified\":\"2024-04-12T09:03:29+00:00\",\"description\":\"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Certified SVG Professional\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Certified SVG Professional - Tutorial","description":"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/","og_locale":"en_US","og_type":"article","og_title":"Certified SVG Professional - Tutorial","og_description":"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:03:29+00:00","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/","name":"Certified SVG Professional - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2014-02-18T11:31:45+00:00","dateModified":"2024-04-12T09:03:29+00:00","description":"Govt of India Certification for SVG Professional. Get Certified and improve employability. Certification assesses candidates in SVG Editor concepts.","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/svg-professional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Certified SVG Professional"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/40754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=40754"}],"version-history":[{"count":3,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/40754\/revisions"}],"predecessor-version":[{"id":121419,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/40754\/revisions\/121419"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=40754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=40754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=40754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}