Skip to content

Tag Archives: HTML-SVG

Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. Approach: We can place the SVG icons and give… Read More
SVG Gradient is used to smooth transition one color to another color within a shape. SVG provides two types of gradients. Linear Gradients: Transition from… Read More
The SVG &lt;rect&gt; element is used to create a rectangle. We can customize the reactangle shapes: Syntax: <rect x="x-axis co-ordinate" y="y-axis co-ordinate" width="length" height="length" rx="length"… Read More
The <desc> element in SVG is used to provide an accessible text description to any of the available SVG elements whether it is a container… Read More
The SVG <ellipse> element is used to create an ellipse. The difference between circle and ellipse is that an ellipse has an x and a… Read More
The SVG <line> element is used to draw line. The start point and endpoints are given to draw the line. Syntax: <line x1="x-axis co-ordinate" y1="y-axis… Read More
The SVG <filter> element is used to define filters. To identify uniquely filter use id. The filters are defined in def elements. Syntax: <filter filterUnits="units… Read More
The SVG <circle> element is used to draw circle. The center point and radius are given. Syntax: <circle cx="x-axis co-ordinate" cy="y-axis co-ordinate" r="length" > </circle>… Read More
The <marker> element in SVG is used to define the graphics that is mostly used for the dawing purpose. It may be used in graphs,… Read More
The SVG <text> element is used to draw text. There are some attributes to customize the text. Syntax: <text x="x-cordinates" y="y-cordinates" dx="list of lengths" dy="list… Read More
The SVG <feGaussianBlur> element is used to create blur effects: Syntax: <feGaussianBlur in="SourceGraphic" stdDeviation="5" /> Attributes: in: It is used to identifies input for the… Read More
The SVG feOffset element is used to create drop shadow effects. To create drop shadow take an SVG graphic (image or element) and move the… Read More
SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas. The <polygon> element of SVG is… Read More