Showing posts with label Tricky SVG Multiple choice Questions and Answers pdf. Show all posts
Showing posts with label Tricky SVG Multiple choice Questions and Answers pdf. Show all posts

50 TOP Objective SVG Questions and Answers pdf

41. How to draw a close ended polygon in SVG?
'polygon' tag of SVG is used to draw a polygon. Following is the commonly used attribute -
points - List of points to make up a polygon.

Example:
<polygon
points = "150,75 258,137.5 258,262.5 150,325 42,262.6 42,137.5"
stroke = "black"
stroke-width = "3"
fill = "rgb(121,0,121)">

42. How to draw a open ended polygon in SVG?
'polyline' tag of SVG is used to draw a open ended polygon. Following is the commonly used attribute -
points - List of points to make up a polygon.

Example:
<polyline
points = "150,75 258,137.5 258,262.5 150,325 42,262.6 42,137.5"
stroke = "black"
stroke-width = "3"
fill = "none">

43. How to draw a free flow path in SVG?
'path' tag of SVG is used to draw a free flow path. Following is the commonly used attribute -
d - path data,usually a set of commands like moveto, lineto etc.

Example:
<path
d = "M 100 100 L 300 100 L 200 300 z"
stroke = "black"
stroke-width = "3"
fill = "rgb(121,0,121)">

44. Which command of path element moves cursor from one point to another point?
M command of path element move from one point to another point.

45. Which command of path element creates a line?
L command of path element creates a line.

Read More Questions:
SVG Interview Questions Part1
SVG Interview Questions Part2
SVG Interview Questions Part3
SVG Interview Questions Part4
SVG Interview Questions Part5

Questions on SVG Multiple choice Questions and Answers pdf

21. Which stroke property defines thickness of text, line or outline of any element?
'stroke-width' property defines thickness of text, line or outline of any element.

22. Which stroke property defines different types of ending of a line or outline of any path?
'stroke-linecap' property defines different types of ending of a line or outline of any path.

23. Which stroke property used to create dashed lines?
'stroke-dasharray' property used to create dashed lines.

24. What are SVG filters?
SVG uses <filter> element to define filters. <filter> element uses an id attribute to uniquely identify it.Filters are defined within <def> elements and then are referenced by graphics elements by their ids.

25. Name some of the commonly used filers.
SVG provides a rich set of filters. Following is the list of the commonly used filters -
feBlend
feColorMatrix
feComponentTransfer
feComposite
feConvolveMatrix
feDiffuseLighting
feDisplacementMap

26. What are SVG Patterns?
SVG uses <pattern> element to define patterns. Patterns are defined using <pattern> element and are used to fill graphics elements in tiled fashion.

27. What are SVG Gradients?
Gradient refers to smooth transition of one color to another color within a shape.
SVG provides two types of gradients:
Linear Gradients
Radial Gradients

28. What is Linear Gradients in SVG
Linear Gradients represents linear transition of one color to another from one direction to another.
It is defined using <linearGradient> element.

29. What is Radial Gradients in SVG
Radial Gradients represents circular transition of one color to another from one direction to another. It is defined using <radialGradient> element.

30. Can SVG images be made responsive to user actions?
Yes! SVG images can be made responsive to user actions. SVG supports pointer events, keyboard events and document events.

Read More Questions:
SVG Interview Questions Part1
SVG Interview Questions Part2
SVG Interview Questions Part3
SVG Interview Questions Part4
SVG Interview Questions Part5