SVG光栅图像示例和解释

本文概述

  • 例子
  • 解释
在SVG中,
SVG光栅图像示例和解释 元素用于嵌入任意栅格图像。在光栅图像中, 可以对内容使用SVG的滤镜, 蒙版, 旋转, 剪辑和所有其他工具。
例子
< !DOCTYPE html> < html> < body> < h2> srcmini logo< /h2> < svg version="1.1"xmlns="http://www.srcmini.org/2000/svg"xmlns:xlink="http://www.srcmini.org/1999/xlink"width="500" height="500"> < image x="90" y="-65" width="100" height="146" transform="rotate(45)"xlink:href="https://www.srcmini.com/images/logo/jtp_logo.png"/> < /svg> < /body> < /html>

【SVG光栅图像示例和解释】立即测试
解释
  • width和height定义图像的宽度和高度。
  • xlink:href定义图像的链接。

    推荐阅读