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.