SVG Raster images

by Online Tutorials Library July 14, 2022

SVG Raster images

In SVG, element is used to embed arbitrary raster images. In raster images, you can use filters, masks, rotations, clips and all other tools of SVG on the content.

Example:

  <!DOCTYPE html>  <html>  <body>    <h2>tutoraspire logo</h2>  <svg version=”1.1″       xmlns=”http://www.tutoraspire.org/2000/svg”    xmlns:xlink=”http://www.tutoraspire.org/1999/xlink”       width=”500″ height=”500″>    <image x=”90″ y=”-65″ width=”100″ height=”146″ transform=”rotate(45)”       xlink:href=”https://tutoraspire.com/wp-content/static/images/logo/jtp_logo.png”/>    </svg>  </body>  </html>  

Test it Now

Explanation:

width and height define the width and height of an image.
xlink:href defines the link of image.

Next TopicSVG Scripting

SVG Raster images

SVG Raster images

Example:

Explanation:

Learn Spring Tutorial

How to block websites on Chrome

You may also like