不能通过简单地对 img 标签使用 CSS 高度和宽度属性来调整 SVG 图像的大小。要调整 SVG 图像的大小,请按照下列步骤操作:
方法 1: SVG 图像将占用所有可用宽度和高度的 100%。要制作所需大小的图像,请设置图像的 CSS 高度和宽度属性
示例 1:
CSS
HTML
My first SVG
输出:
方法二:直接修改.svg文件,将宽高设置为想要的值。下面是 XML 文件的外观(如果存在 SVG 图像)
示例 2:
HTML
My first SVG
输出: