Your Search Results

    <image>

    The SVG Image Element (<image>) allows a raster image to be included in an SVG document.

    Usage context

    CategoriesGraphics element, Graphics referencing element
    Permitted contentAny number of the following elements, in any order:
    Animation elements
    Descriptive elements

    Example

    Basic rendering of a PNG image in an SVG object:

    <svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">       
  <image xlink:href="/files/2917/fxlogo.png" x="0" y="0" height="100" width="100" />    
</svg>

    Attributes

    Global attributes

    Specific attributes

    DOM Interface

    This element implements the SVGImageElement interface.

    Specifications

    Specification Status Comment
    Scalable Vector Graphics (SVG) 2
    The definition of '<image>' in that specification.    		 Working Draft  
    Scalable Vector Graphics (SVG) 1.1 (Second Edition)
    The definition of '<image>' in that specification.    		 Recommendation Initial definition

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 1.5 (1.8)[1] 9.0 8.0 3.0.4
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support 3.0 1.0 (1.8)[1] No support (Yes) 3.0.4

    The chart is based on these sources.

    [1] Prior to Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) only raster images were supported.

    Document Tags and Contributors

    Tags: 
     Contributors to this page: OviOvocny, Sebastianz, kscarfone, Jeremie, kperch, Manuel_Strehl
     Last updated by: OviOvocny,