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