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
'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
No comments:
Post a Comment