SVG光栅图像示例和解释

本文概述

在SVG中,

SVG光栅图像1

元素用于嵌入任意栅格图像。在光栅图像中, 可以对内容使用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.srcmini02.com/images/logo/jtp_logo.png"/>

</svg>
</body>
</html>

立即测试

解释

  • width和height定义图像的宽度和高度。
  • xlink:href定义图像的链接。
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?