SVG Elements
| Element | Opis | Atrybuty |
|---|---|---|
| <a> | Tworzy odnośnik wokół elementów SVG | xlink:show xlink:actuate xlink:href target |
| <altGlyph> | Zapewnia kontrolę nad glifów używanych do renderowania szczególną dane znakowe | x y dx dy rotate glyphRef format xlink:href |
| <altGlyphDef> | Definiuje zestaw substytucyjnej dla glifów | id |
| <altGlyphItem> | Definiuje zestaw kandydata podstawień glifów | id |
| <animate> | Definiuje jak atrybut elementu zmienia się z czasem | attributeName="the name of the target attribute" by="a relative offset value" from="the starting value" to="the ending value" dur="the duration" repeatCount="the number of time the animation will take place" |
| <animateMotion> | Powoduje element odwołuje się do poruszania się wzdłuż ścieżki ruchu | calcMode="the interpolation mode for the animation. Can be 'discrete',
'linear', 'paced', 'spline'" path="the motion path" keyPoints="how far along the motion path the object shall move at the moment in time" rotate="applies a rotation transformation" xlink:href="an URI reference to the <path> element which defines the motion path" |
| <animateTransform> | Animuje atrybut transformacji na elemencie docelowym, co pozwala kontrolować animacje tłumaczenia, skalowanie, obracanie i / lub pochylanie | by="a relative offset value" from="the starting value" to="the ending value" type="the type of transformation which is to have its values change over time. Can be 'translate', 'scale', 'rotate', 'skewX', 'skewY'" |
| <circle> | Definiuje okrąg | cx="the x-axis center of the circle" cy="the y-axis center of the circle" r="The circle's radius". Required. + presentation attributes: Color, FillStroke, Graphics |
| <clipPath> | Obcinanie jest o ukrywaniu tego, co normalnie byłoby wyciągnąć. Szablon, który definiuje co jest a co nie jest narysowany nazywa ścieżki obcinania | clip-path="the referenced clipping path is intersected with the
referencing clipping path" clipPathUnits="'userSpaceOnUse' or 'objectBoundingBox'. The second value makes units of children a fraction of the object bounding box which uses the mask (default: 'userSpaceOnUse') " |
| <color-profile> | Określa opis profilu kolorów (gdy dokument jest stylizowany za pomocą CSS) | local="the unique ID for a locally stored color profile" name="" rendering-intent="auto|perceptual|relative-colorimetric|saturation|absolute-colorimetric" xlink:href="the URI of an ICC profile resource" |
| <cursor> | Określa niestandardową kursor niezależny od platformy | x="the x-axis top-left corner of the cursor (default is 0) " y="the y-axis top-left corner of the cursor (default is 0) " xlink:href="the URI of the image to use as the cursor |
| <defs> | Pojemnik elementów odwołuje | |
| <desc> | Tekstowa opisu elementów kontenera lub elementów graficznych w SVG (klienckie mogą wyświetlać tekst jako podpowiedź) | |
| <ellipse> | Definiuje elipsę | cx="the x-axis center of the ellipse" cy="the y-axis center of the ellipse" rx="the length of the ellipse's radius along the x-axis". Required. ry="the length of the ellipse's radius along the y-axis". Required. + presentation attributes: Color, FillStroke, Graphics |
| <feBlend> | Komponuje się dwóch obiektów ze sobą według pewnego sposobu mieszania | mode="the image blending modes: normal|multiply|screen|darken|lighten" in="identifies input for the given filter primitive: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" in2="the second input image to the blending operation" |
| feColorMatrix | Filtr SVG. Dotyczy transformacji macierzowej | |
| feComponentTransfer | Filtr SVG. Wykonuje komponentu mądry ponowne mapowanie danych | |
| feComposite | Filtr SVG. | |
| feConvolveMatrix | Filtr SVG. | |
| feDiffuseLighting | Filtr SVG. | |
| feDisplacementMap | Filtr SVG. | |
| feDistantLight | Filtr SVG. Definiuje źródło światła | |
| feFlood | Filtr SVG. | |
| feFuncA | Filtr SVG. Sub-element feComponentTransfer | |
| feFuncB | Filtr SVG. Sub-element feComponentTransfer | |
| feFuncG | Filtr SVG. Sub-element feComponentTransfer | |
| feFuncR | Filtr SVG. Sub-element feComponentTransfer | |
| feGaussianBlur | Filtr SVG. Wykonuje Gaussian blur na obrazie | |
| feImage | Filtr SVG. | |
| feMerge | Filtr SVG. Tworzy obraz warstwy na wierzchu każdego innego | |
| feMergeNode | Filtr SVG. Sub-element feMerge | |
| feMorphology | Filtr SVG. Wykonuje "fattening" albo "thinning" na grafice źródłowej | |
| feOffset | Filtr SVG. Przesuwa obraz jest w stosunku do aktualnej pozycji | |
| fePointLight | Filtr SVG. | |
| feSpecularLighting | Filtr SVG. | |
| feSpotLight | Filtr SVG. | |
| feTile | Filtr SVG. | |
| feTurbulence | Filtr SVG. | |
| filter | Pojemnik na efektami filtrów | |
| font | Określa czcionkę | |
| font-face | Opisuje cechy czcionki | |
| font-face-format | ||
| font-face-name | ||
| font-face-src | ||
| font-face-uri | ||
| foreignObject | ||
| <g> | Służy do grupować elementy | id="the name of the group" fill="the fill color for the group" opacity="the opacity for the group" + presentation attributes: All |
| glyph | Definiuje grafiki dla danego glifu | |
| glyphRef | Definiuje możliwą do wykorzystania glif | |
| hkern | ||
| <image> | Definiuje obraz | x="the x-axis top-left corner of the image" y="the y-axis top-left corner of the image" width="the width of the image". Required. height="the height of the image". Required. xlink:href="the path to the image". Required. + presentation attributes: Color, Graphics, Images, Viewports |
| <line> | Określa linię | x1="the x start point of the line" y1="the y start point of the line" x2="the x end point of the line" y2="the y end point of the line" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <linearGradient> | Definiuje liniowy gradient. gradienty liniowe wypełnienie obiektu za pomocą wektora, i może być określony jako nachylenia poziomych, pionowych i kątowych. | id="the unique id used to reference this pattern. Required to reference
it" gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'. Use the view box or object to determine relative position of vector points. (Default 'objectBoundingBox') " gradientTransform="the transformation to apply to the gradient" x1="the x start point of the gradient vector (number or % - 0% is default) " y1="the y start point of the gradient vector. (0% default) " x2="the x end point of the gradient vector. (100% default) " y2="the y end point of the gradient vector. (0% default) " spreadMethod="'pad' or 'reflect' or 'repeat'" xlink:href="reference to another gradient whose attribute values are used as defaults and stops included. Recursive" |
| <marker> | Markery mogą być umieszczone na wierzchołkach linii, polilinii, wielokątów i ścieżek. Te elementy mogą używać marker atrybuty "marker-start" , "marker-mid" i "marker-end" ", które dziedziczą domyślnie lub może być ustawiony na 'none' lub URI określonego markera. Najpierw należy zdefiniować znacznik, zanim będzie można odwoływać się do niej poprzez jego URI. Wszelkiego rodzaju kształt można umieścić wewnątrz znacznika. Są one przygotowywane w górnej części elementu do którego są przyłączone | markerUnits="'strokeWidth' or 'userSpaceOnUse'. If 'strokeWidth' is used
then one unit equals one stroke width. Otherwise, the marker does not scale
and uses the the same view units as the referencing element (default 'strokeWidth') " refx="the position where the marker connects with the vertex (default 0) " refy="the position where the marker connects with the vertex (default 0) " orient="'auto' or an angle to always show the marker at. 'auto' will compute an angle that makes the x-axis a tangent of the vertex (default 0) " markerWidth="the width of the marker (default 3) " markerHeight="the height of the marker (default 3) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " + presentation attributes: All |
| <mask> | Maskujący jest kombinacją wartości zmętnienia i przycinania. Podobnie jak wycinek można użyć kształty, tekst lub ścieżki definiować fragmenty maski. Domyślnym stanem maską jest w pełni przejrzyste, która jest przeciwieństwem wycinek płaszczyzny. Grafiki w masce przedstawia sposób nieprzezroczyste części maski są | maskUnits="'userSpaceOnUse' or 'objectBoundingBox'. Set whether the
clipping plane is relative the full view port or object (default: 'objectBoundingBox') " maskContentUnits="Use the second with percentages to make mask graphic positions relative the object. 'userSpaceOnUse' or 'objectBoundingBox' (default: 'userSpaceOnUse') " x="the clipping plane of the mask (default: -10%) " y="the clipping plane of the mask (default: -10%) " width="the clipping plane of the mask (default: 120%) " height="the clipping plane of the mask (default: 120%) " |
| metadata | Określa metadane | |
| missing-glyph | ||
| mpath | ||
| <path> | Określa ścieżkę | d="a set of commands which define the path" pathLength="If present, the path will be scaled so that the computed path length of the points equals this value" transform="a list of transformations" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <pattern> | Określa współrzędne chcesz pogląd, aby pokazać i rozmiar widoku. Następnie dodać kształty w swojej strukturze. Wzór powtarza gdy krawędź widok skrzynki (viewing area) jest trafiony | id="the unique id used to reference this pattern." Required. patternUnits="'userSpaceOnUse' or 'objectBoundingBox'. The second value makes units of x, y, width, height a fraction (or %) of the object bounding box which uses the pattern." patternContentUnits="'userSpaceOnUse' or 'objectBoundingBox'" patternTransform="allows the whole pattern to be transformed" x="pattern's offset from the top-left corner (default 0) " y="pattern's offset from the top-left corner. (default 0) " width="the width of the pattern tile (default 100%) " height="the height of the pattern tile (default 100%) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " xlink:href="reference to another pattern whose attribute values are used as defaults and any children are inherited. Recursive" |
| <polygon> | Definiuje grafikę, która zawiera co najmniej trzy boki | points="the points of the polygon. The total number of points must be
even". Required. fill-rule="part of the FillStroke presentation attributes" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <polyline> | Określa dowolny kształt, który składa się tylko z prostych | points="the points on the polyline". Required. + presentation attributes: Color, FillStroke, Graphics, Markers |
| <radialGradient> | Definiuje gradientu radialnego. Gradienty radialne są tworzone poprzez okrąg i płynnie zmieniających się wartości pomiędzy przystankami gradient od punktu ostrości promienia zewnętrznego. | gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'. Use the view box
or object to determine relative position of vector points. (Default 'objectBoundingBox') " gradientTransform="the transformation to apply to the gradient" cx="the center point of the gradient (number or % - 50% is default) " cy="the center point of the gradient. (50% default) " r="the radius of the gradient. (50% default) " fx="the focus point of the gradient. (0% default) " fy="The focus point of the gradient. (0% default) " spreadMethod="'pad' or 'reflect' or 'repeat'" xlink:href="Reference to another gradient whose attribute values are used as defaults and stops included. Recursive" |
| <rect> | Definiuje prostokąt | x="the x-axis top-left corner of the rectangle" y="the y-axis top-left corner of the rectangle" rx="the x-axis radius (to round the element) " ry="the y-axis radius (to round the element) " width="the width of the rectangle". Required. height="the height of the rectangle" Required. + presentation attributes: Color, FillStroke, Graphics |
| script | Pojemnik na skryptach (eg, ECMAScript) | |
| set | Ustawia wartość atrybutu przez określony czas | |
| <stop> | Przystanki dla gradientem | offset="the offset for this stop (0 to 1/0% to 100%) ". Required. stop-color="the color of this stop" stop-opacity="the opacity of this stop (0 to 1) " |
| style | Pozwala arkusze stylów mają być osadzone bezpośrednio w treści SVG | |
| <svg> | Tworzy dokument fragment SVG | x="top left corner when embedded (default 0) " y="top left corner when embedded (default 0) " width="the width of the svg fragment (default 100%) " height="the height of the svg fragment (default 100%) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " preserveAspectRatio="'none' or any of the 9 combinations of 'xVALYVAL' where VAL is 'min', 'mid' or 'max'. (default xMidYMid) " zoomAndPan="'magnify' or 'disable'. Magnify option allows users to pan and zoom your file (default magnify) " xml="outermost <svg> element needs to setup SVG and its namespace: xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"" + presentation attributes: All |
| switch | ||
| symbol | ||
| <text> | Definiuje tekst | x="a list of x-axis positions. The nth x-axis position is given to the
nth character in the text. If there are additional characters after the
positions run out they are placed after the last character. 0 is default" y="a list of y-axis positions. (see x) . 0 is default" dx="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn. (see x) " dy="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn. (see x) " rotate="a list of rotations. The nth rotation is performed on the nth character. Additional characters are NOT given the last rotation value" textLength="a target length for the text that the SVG viewer will attempt to display the text between by adjusting the spacing and/or the glyphs. (default: The text's normal length) " lengthAdjust="tells the viewer what to adjust to try to accomplish rendering the text if the length is specified. The two values are 'spacing' and 'spacingAndGlyphs'" + presentation attributes: Color, FillStroke, Graphics, FontSpecification, TextContentElements |
| textPath | ||
| title | Tekstowa opisu elementów SVG - nie są wyświetlane jako część grafiki. Aplikacje klienckie mogą wyświetlać tekst jako podpowiedź | |
| <tref> | Odniesienia dowolnego <text> element w dokumencie SVG i używać go | Identical to the <text> element |
| <tspan> | Identyczny z <text> elementu, ale można zagnieżdżać wewnątrz znaczników tekstowych i wewnątrz siebie | Identical to the <text> element + in addition: xlink:href="Reference to a <text> element" |
| <use> | Używa URI odwołać się do <g>, <svg> lub inny element graficzny z unikalnym atrybutem id i replikować go. Kopia jest tylko odniesienie do oryginalnego więc tylko oryginalne istnieje w dokumencie. Wszelkie zmiany do pierwotnego dotyczy wszystkich egzemplarzy. | x="the x-axis top-left corner of the cloned element" y="the y-axis top-left corner of the cloned element" width="the width of the cloned element" height="the height of the cloned element" xlink:href="a URI reference to the cloned element" + presentation attributes: All |
| view | ||
| vkern |