Articles tagged: SVG
Found 403 documents
- Web/SVG/Element/cursor The cursor element can be used to define a platform-independent custom cursor. A recommended ...
- Web/SVG/Element/defs SVG allows graphical objects to be defined for later reuse. It is recommended that, wherever ...
- Web/SVG/Element/desc Each container element or graphics element in an SVG drawing can supply a desc description string ...
- Web/SVG/Element/ellipse The ellipse element is an SVG basic shape, used to create ellipses based on a center coordinate, ...
- Web/SVG/Element/feBlend The feBlend filter composes two objects together ruled by a certain blending mode. This is similar ...
- Web/SVG/Element/feColorMatrix This filter changes colors based on a transformation matrix. Every pixel's color value (represented ...
- Web/SVG/Element/feComponentTransfer The color of each pixel is modified by changing each channel (R, G, B, and A) to the result of what ...
- Web/SVG/Element/feComposite This filter primitive performs the combination of two input images pixel-wise in image space using ...
- Web/SVG/Element/feConvolveMatrix the feConvolveMatrix element applies a matrix convolution filter effect. A convolution combines ...
- Web/SVG/Element/feDiffuseLighting This filter primitive lights an image using the alpha channel as a bump map. The resulting image, ...
- Web/SVG/Element/feDisplacementMap This filter primitive uses the pixels values from the image from in2 to spatially displace the ...
- Web/SVG/Element/feDistantLight This filter primitive define a distant light source that can be used within a lighting filter ...
- Web/SVG/Element/feFlood The filter fills the filter subregion with the color and opacity defined by flood-color and ...
- Web/SVG/Element/feFuncA This filter primitive defines the transfer function for the alpha component of the input graphic of ...
- Web/SVG/Element/feFuncB This filter primitive defines the transfer function for the blue component of the input graphic of ...
- Web/SVG/Element/feFuncG This filter primitive defines the transfer function for the green component of the input graphic of ...
- Web/SVG/Element/feFuncR This filter primitive defines the transfer function for the red component of the input graphic of ...
- Web/SVG/Element/feGaussianBlur The filter blurs the input image by the amount specified in stdDeviation, which defines the ...
- Web/SVG/Element/feImage The feImage filter fetches image data from an external source and provides the pixel data as output ...
- Web/SVG/Element/feMerge The feMerge filter allows filter effects to be applied concurrently instead of sequentially. This ...
- Web/SVG/Element/feMergeNode The feMergeNode takes the result of another filter to be processed by its parent feMerge.
- Web/SVG/Element/feMorphology This filter is used to erode or dilate the input image. It's usefulness lies especially in ...
- Web/SVG/Element/feOffset The input image as a whole is offset by the values specified in the dx and dy attributes. It's used ...
- Web/SVG/Element/fePointLight This element implements the SVGFEPointLightElement interface.
- Web/SVG/Element/feSpecularLighting This filter primitive lights a source graphic using the alpha channel as a bump map. The resulting ...
- Web/SVG/Element/feSpotLight The feSpotLight element is one of the ligth source elements used for SVG files.
- Web/SVG/Element/feTile An input image is tiled and the result used to fill a target. The effect is similar to the one of a ...
- Web/SVG/Element/feTurbulence This filter primitive creates an image using the Perlin turbulence function. It allows the ...
- Web/SVG/Element/filter The filter element serves as container for atomic filter operations. It is never rendered directly. ...
- Web/SVG/Element/font The font element defines a font to be used for text layout.
- Web/SVG/Element/font-face The font-face element corresponds to the CSS @font-face declaration. It defines a font's outer ...
- Web/SVG/Element/font-face-format The font-face-format element describes the type of font referenced by its parent font-face-uri.
- Web/SVG/Element/font-face-name The font-face-name element points to a locally installed copy of this font, identified by its name.
- Web/SVG/Element/font-face-src The font-face-src element corresponds to the src property in CSS @font-face descriptions. It serves ...
- Web/SVG/Element/font-face-uri The font-face-uri element points to a remote definition of the current font.
- Web/SVG/Element/foreignObject The foreignObject element allows for inclusion of a foreign XML namespace which has its graphical ...
- Web/SVG/Element/g The g element is a container used to group other SVG elements.
- Web/SVG/Element/glyph A glyph defines a single glyph in an SVG font.
- Web/SVG/Element/glyphRef The glyphRef element provides a single possible glyph to the referencing altGlyph substitution.
- Web/SVG/Element/hkern The horizontal distance between two glyphs can be fine-tweaked with an hkern Element. This process ...
- Web/SVG/Element/image The SVG Image Element (image) allows a raster image to be included in an SVG document.
- Web/SVG/Element/line The line element is an SVG basic shape, used to create a line connecting two points.
- Web/SVG/Element/linearGradient The linearGradient element lets authors define linear gradients to fill or stroke graphical ...
- Web/SVG/Element/marker The marker element defines the graphics that is to be used for drawing arrowheads or polymarkers on ...
- Web/SVG/Element/mask In SVG, you can specify that any other graphics object or g element can be used as an alpha mask ...
- Web/SVG/Element/metadata Metadata is structured data about data. Metadata which is included with SVG content should be ...
- Web/SVG/Element/missing-glyph The missing-glyph 's content is rendered, if for a given character the font doesn't define an ...
- Web/SVG/Element/mpath the mpath sub-element for the animateMotion element provides the ability to reference an external ...
- Web/SVG/Element/path The path element is the generic element to define a shape. All the basic shapes can be created with ...
- Web/SVG/Element/pattern A pattern is used to fill or stroke an object using a pre-defined graphic object which can be ...
- Web/SVG/Element/polygon The polygon element defines a closed shape consisting of a set of connected straight line segments. ...
- Web/SVG/Element/polyline The polyline element is an SVG basic shape that creates straight lines connecting several points. ...
- Web/SVG/Element/radialGradient radialGradient lets authors define radial gradients to fill or stroke graphical elements.
- Web/SVG/Element/rect The rect element is an SVG basic shape, used to create rectangles based on the position of a corner ...
- Web/SVG/Element/script A SVG script element is equivalent to the script element in HTML and thus is the place for scripts ...
- Web/SVG/Element/set The set element provides a simple means of just setting the value of an attribute for a specified ...
- Web/SVG/Element/stop The ramp of colors to use on a gradient is defined by the stop elements that are child elements to ...
- Web/SVG/Element/style The style element allows style sheets to be embedded directly within SVG content. SVG's style ...
- Web/SVG/Element/svg The svg element can be used to embed an SVG fragment inside the current document (for example, an ...
- Web/SVG/Element/switch The switch element evaluates the requiredFeatures, requiredExtensions and systemLanguage attributes ...
- Web/SVG/Element/symbol The symbol element is used to define graphical template objects which can be instantiated by a use ...
- Web/SVG/Element/text The SVG text element defines a graphics element consisting of text. It's possible to apply a ...
- Web/SVG/Element/textPath In addition to text drawn in a straight line, SVG also includes the ability to place text along the ...
- Web/SVG/Element/title Each container element or graphics element in an SVG drawing can supply a title description string ...
- Web/SVG/Element/tref The textual content for a text can be either character data directly embedded within the text ...
- Web/SVG/Element/tspan Within a text element, text and font properties and the current text position can be adjusted with ...
- Web/SVG/Element/use The use element takes nodes from within the SVG document, and duplicates them somewhere else. The ...
- Web/SVG/Element/view A view is a defined way to view the image, like a zoom level or a detail view.
- Web/SVG/Element/vkern The vertical distance between two glyphs in top-to-bottom fonts can be fine-tweaked with an vkern ...
- Web/SVG/FAQ We currently maintain two documents to help answer this question: a status page for SVG in Firefox ...
- Web/SVG/Index Found 294 pages:
- Web/SVG/Linking The 'target' attribute on the SVG 'a' element doesn't work in Mozilla Firefox 1.5. When SVG ...
- Web/SVG/mimeTypes.rdf_corruption This page explains a problem that can cause SVG to stop working in Mozilla due to the way Mozilla ...
- Web/SVG/Namespaces_Crash_Course As an XML dialect, SVG is namespaced. It is important to understand the concept of namespaces and ...
- Web/SVG/Namespaces_Crash_Course/Example In this example, we use XHTML, SVG, JavaScript, and the DOM to animate a swarm of "motes". These ...
- Web/SVG/Other_Resources Here is a list of additional resources on SVG:
- Web/SVG/Project This page was auto-generated because a user created a sub-page to this page.
- Web/SVG/Replaced_Element This page was auto-generated because a user created a sub-page to this page.
- Web/SVG/Scripting One can override default browser behaviors with the evt.preventDefault() method, add eventListeners ...
- Web/SVG/Server-configuration See http://wiki.svg.org/Server_Configuration
- Web/SVG/Sizing This page was auto-generated because a user created a sub-page to this page.
- Web/SVG/Specification_Deviations There are a few places where we have consciously decided to make Gecko deviate from or extend the ...
- Web/SVG/SVG_1.1_Support_in_Firefox You can find some basic examples of SVG syntax and usage in the W3C SVG test suite.
- Web/SVG/SVG_2_support_in_Mozilla SVG 2 is the next major version of the SVG standard, which is a complete rework of the SVG 1.2 ...
- Web/SVG/SVG_animation_with_SMIL Chrome 45 deprecated SMIL in favor of CSS animations and Web animations.
- Web/SVG/SVG_as_an_Image SVG images can be used as an image format in a number of contexts. Many browsers support SVG images ...
- Web/SVG/Tutorial Scalable Vector Graphics, SVG, is a W3C XML dialect to mark up graphics. It is partially ...
- Web/SVG/Tutorial/Basic_Shapes There are several basic shapes used for most SVG drawing. The purpose of these shapes is fairly ...
- Web/SVG/Tutorial/Basic_Transformations Now we're ready to start distorting our beautiful images. But first, let's formally introduce the g ...
- Web/SVG/Tutorial/Clipping_and_masking Erasing part of what one has created might at first sight look contradictory. But when you try to ...
- Web/SVG/Tutorial/Fills_and_Strokes So now with your knowledge of how to draw all sorts of shapes, your next goal is probably coloring ...
- Web/SVG/Tutorial/Filter_effects There are situations, where basic shapes do not provide the flexibility you need to achieve a ...
- Web/SVG/Tutorial/Getting_Started Let us dive straight in with a simple example. Take a look at the following code.
- Web/SVG/Tutorial/Gradients Perhaps more exciting than just fills and strokes is the fact that you can also create and apply ...
- Web/SVG/Tutorial/Introduction SVG is an XML language, similar to XHTML, which can be used to draw graphics, such as the ones ...
- Web/SVG/Tutorial/Other_content_in_SVG Apart from graphic primitives like rectangles and circles, SVG offers a set of elements to embed ...
- Web/SVG/Tutorial/Paths As stated in the previous section, the path element is the most powerful element in the SVG library ...
- Web/SVG/Tutorial/Patterns Patterns, in my opinion, are one of the more confusing fill types to use in SVG. They're also very ...
- Web/SVG/Tutorial/Positions For all elements, SVG uses a coordinate system or grid system similar to the one used by canvas ...
- Web/SVG/Tutorial/SVG_fonts When SVG was specified, support for web fonts was not widespread in browsers. Since accessing the ...