📜  SVG<image>标签

📅  最后修改于: 2021-11-09 09:25:14             🧑  作者: Mango

SVG 代表可缩放矢量图形。它可以用来制作图形和动画,就像在 HTML 画布中一样。

<图像> SVG元素包括SVG文档内的图像。它可以显示光栅图像文件或其他 SVG 文件。 SVG 软件必须支持的唯一图像格式是 JPEG、PNG 和其他 SVG 文件。

句法:


属性:

  • x:图像的x轴坐标定位。
  • y:图像的y轴坐标定位。
  • 宽度:图像的宽度。
  • 高度:图像的高度。
  • href:图片来源。
  • preserveAspectRatio:图像的缩放比例。
  • 全局属性:使用的一些全局属性,如核心属性和样式属性等。

示例 1:

HTML


  

           
        
    

  


HTML


  

           
        
    

  


输出:

示例 2:更改图像的 x 和 y 坐标。

HTML



  

           
        
    

  

输出:

支持的浏览器:

  • 铬合金
  • 边缘
  • 火狐
  • 苹果浏览器
  • IE浏览器
  • 歌剧