📜  如何调整 SVG 图像的大小?

📅  最后修改于: 2021-10-29 06:31:32             🧑  作者: Mango

不能通过简单地对 img 标签使用 CSS 高度和宽度属性来调整 SVG 图像的大小。要调整 SVG 图像的大小,请按照下列步骤操作:

方法 1: SVG 图像将占用所有可用宽度和高度的 100%。要制作所需大小的图像,请设置图像的 CSS 高度和宽度属性

示例 1:

CSS
 
 

  
 
         
         
     
 
  


HTML


    
        

My first SVG

                                      


输出:

方法二:直接修改.svg文件,将宽高设置为想要的值。下面是 XML 文件的外观(如果存在 SVG 图像)

示例 2:

HTML



    
        

My first SVG

                                      

输出: