Image

Next ❯Stroke Design

To draw a image

  • turned_in_notImage Related Tag
    • <image>


<image>

Used to draw a image on svg

Syntax

<image x="point" y="point"
       width="length" height="length" 
       href="imagePath"
       preserveAspectRatio="none|(xMinYMin|xMidYMin|xMaxYMin|xMinYMid|xMidYMid|xMaxYMid|xMinYMax|xMidYMax|xMaxYMax  meet|slice)"/>
  • label_outlineImage Attributes
    • x - Start point at x-axis (Default:"0")
    • y - Start point at y-axis (Default:"0")
    • width - Image width from (x,y), Required
    • height - Image height from (x,y), Required
    • href - Path of image, Required (or xlink:href)
    • preserveAspectRatio - To specify how an element with different aspect-ratio provided by viewBox must fit into a viewport
<svg height="100" width="200">
  <image x="10" y="0" width="100" height="100" 
         href="images/img.png"
         preserveAspectRatio="xMidYMin meet" />
</svg>
Image


  • Stroke Design
Next ❯Stroke Design
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt