
Explore tens of thousands of sets crafted by our community.
Scalable Vector Graphics (SVG)
20
Flashcards
0/20
<svg>
The root container for SVG graphics that defines the drawing area.
stroke-dasharray
An attribute that creates dashed lines using an array of lengths.
<rect>
Defines a rectangle and its position using x and y coordinates.
<ellipse>
Defines an ellipse which is a circle skewed along one axis, using cx, cy, rx, and ry attributes.
transform
An attribute that applies transformations such as scale, rotate, translate or skew.
stroke-linecap
An attribute that defines the shape of the ends of lines.
<g>
A container element that groups other SVG elements together.
<text>
Defines a text element, which can contain plain text and can be styled.
<polyline>
Defines a shape consisting of connected straight line segments with points attribute.
stroke
An attribute that sets the color of the outline around an object.
fill
An attribute that sets the color inside an object.
<polygon>
Defines a closed shape consisting of straight-line segments with points attribute.
<circle>
Defines a circle based on a center point and radius.
viewBox
An attribute for <svg> that creates a virtual window for the SVG canvas.
<path>
Defines complex shapes by using a series of move-to and draw commands with the d attribute.
<defs>
Holds SVG content that will be used later, typically with a <use> element.
<line>
Defines a straight line between two points using x1, y1, x2, and y2 attributes.
<clipPath>
Defines an area that acts as a mask, displaying only the parts of objects within.
<pattern>
Defines a pattern to be used for filling or stroking objects.
<animate>
Allows for the animation of SVG elements by changing attributes values over time.
© Hypatia.Tech. 2024 All rights reserved.