SVG Elemanları
Eleman | Açıklama | Nitelikler |
---|---|---|
<a> | SVG öğeleri etrafında bir bağlantı oluşturur | xlink:show xlink:actuate xlink:href target |
<altGlyph> | Özellikle karakter verilerini işlemek için kullanılan glifler üzerinde kontrol sağlar | x y dx dy rotate glyphRef format xlink:href |
<altGlyphDef> | glif için bir ikame kümesi tanımlar | id |
<altGlyphItem> | glif değiştirmelerin aday setini tanımlar | id |
<animate> | Bir elemanın bir öznitelik zaman içinde nasıl değiştiğini tanımlar | 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> | Bir hareket yolu boyunca taşımak için başvurulan elemanı neden oluyor | 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> | böylece animasyonlar için, ölçekleme, döndürme kontrol etmeye izin veren ve / veya eğriltme bir hedef elemanı üzerinde bir dönüşüm özelliği canlandırır | 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> | bir daire tanımlar | 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> | Kırpma normalde çizilebilir ne gizleme ilgili. ne olduğunu ve ne çizilmiş olmayan bir kırpma yolu adı verilir tanımlar şablon | 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> | Bir renk öyküsünü belirtir (belge CSS kullanarak tarz edildiğinde) | 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> | Bir platformdan bağımsız özel imleç tanımlar | 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> | başvurulan elemanlar için bir kap | |
<desc> | SVG'nin muhafaza elemanları veya grafik elemanlar için bir salt metin açıklama (kullanım maddeler, ipucu olarak metni görüntülemek olabilir) | |
<ellipse> | bir elips tanımlar | 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> | birlikte belirli bir karıştırma moduna göre iki nesne hazırlar | 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 | SVG filtre. bir matris dönüşümü uygulanır | |
feComponentTransfer | SVG filtre. Verilerin Bileşen genelinde remapping gerçekleştirir | |
feComposite | SVG filtre. | |
feConvolveMatrix | SVG filtre. | |
feDiffuseLighting | SVG filtre. | |
feDisplacementMap | SVG filtre. | |
feDistantLight | SVG filtre. bir ışık kaynağı tanımlar | |
feFlood | SVG filtre. | |
feFuncA | SVG filtre. feComponentTransfer alt eleman | |
feFuncB | SVG filtre. feComponentTransfer alt eleman | |
feFuncG | SVG filtre. feComponentTransfer alt eleman | |
feFuncR | SVG filtre. feComponentTransfer alt eleman | |
feGaussianBlur | SVG filtre. görüntü üzerinde bir Gauss bulanıklığı yapar | |
feImage | SVG filtre. | |
feMerge | SVG filtre. üst üste görüntü katmanları oluşturur | |
feMergeNode | SVG filtre. feMerge alt eleman | |
feMorphology | SVG filtre. Gerçekleştiren bir "fattening" veya "thinning" bir kaynak grafik üzerinde | |
feOffset | SVG filtre. bugünkü konumuna bir görüntü göreli taşır | |
fePointLight | SVG filtre. | |
feSpecularLighting | SVG filtre. | |
feSpotLight | SVG filtre. | |
feTile | SVG filtre. | |
feTurbulence | SVG filtre. | |
filter | filtre etkisine Konteyner | |
font | Bir yazı tipi tanımlar | |
font-face | bir yazı tipi özelliklerini açıklar | |
font-face-format | ||
font-face-name | ||
font-face-src | ||
font-face-uri | ||
foreignObject | ||
<g> | grup birlikte elemanları için kullanılır | id="the name of the group" fill="the fill color for the group" opacity="the opacity for the group" + presentation attributes: All |
glyph | Belirli glif grafik tanımlar | |
glyphRef | Kullanmak için olası glif tanımlar | |
hkern | ||
<image> | Bir görüntüyü tanımlar | 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> | Bir çizgi tanımlar | 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> | lineer bir gradyan tanımlar. Doğrusal gradyanlar, bir vektör kullanılarak nesnesi ve yatay, dikey veya açılı gradyanlar gibi tanımlanabilir. | 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> | Marker hatları, devamlı çizgiler, çokgen ve yolların noktalar üzerinde yerleştirilebilir. Kullanabilirsiniz Bu unsurlar marker bağlıyor "marker-start" , "marker-mid" ve 'varsayılan olarak miras veya ayarlanabilir none veya tanımlanmış bir işaretleyici URI'sında "işaretleyici-sonu". Eğer onun URI yoluyla başvuru için öncelikle işaretleyici tanımlamalıdır. her türlü şekil ve işaretleyici içine konabilir. Onlar eklenen elemanın üzerine çizilir | 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> | Maskeleme opaklık değerleri ve kırpma bir kombinasyonudur. Eğer şekiller kullanabilirsiniz kırpma gibi metin ya da yolları maskenin bölümlerini tanımlamak için kullanılır. Bir maskenin varsayılan durumunu düzlemini kırpma zıt olan tamamen şeffaftır. Maskeli grafik Maskenin mat bölümleri ne kadar setleri | 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 | meta belirtir | |
missing-glyph | ||
mpath | ||
<path> | Bir yol tanımlar | 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> | Eğer görünümü göstermek istiyorum koordinatları ve görüntüsünün boyutunu tanımlar. Sonra da kalıbı içine şekiller ekleyin. Görünüm kutusu bir kenar olduğunda model tekrar (viewing area) isabet | 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> | En az üç tarafı içeren bir grafik tanımlar | 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> | yalnızca düz çizgiden oluşur herhangi bir şekilde tanımlar | points="the points on the polyline". Required. + presentation attributes: Color, FillStroke, Graphics, Markers |
<radialGradient> | radyal bir gradyanı tanımlar. Radyal gradyanlar bir daire alarak ve düzgün dış yarıçapa odak noktasından gradyan durmasını arasındaki değerleri değiştirilerek oluşturulur. | 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> | bir dikdörtgen tanımlar | 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 | Komut dosyaları için Konteyner (eg, ECMAScript) | |
set | belirli bir süre için bir özelliğin değerini belirler | |
<stop> | gradyanı için durur | 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 | stil sayfaları SVG içeriğinde doğrudan gömülebilir izin verir | |
<svg> | SVG belge parçasını oluşturur | 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> | Bir metni tanımlar | 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 | SVG elemanları için de salt metin açıklaması - grafik bir parçası olarak gösterilmez. Kullanıcı arayüzleri bir araç ipucu olarak metin görüntülenebilir | |
<tref> | Kaynaklar herhangi <text> SVG belgesinde eleman ve bunu yeniden | Identical to the <text> element |
<tspan> | Özdeş <text> eleman fakat metin etiketleri içinde ve kendi içinde iç içe olabilir | Identical to the <text> element + in addition: xlink:href="Reference to a <text> element" |
<use> | Bir <g>, başvurmak için bir URI kullanır <svg> benzersiz id niteliğine sahip veya diğer grafik elemanı ve çoğaltma. Kopya yani sadece orijinal belgedeki var olan orijinal sadece referanstır. Orijinal herhangi bir değişiklik tüm kopyalarını etkiler. | 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 |