Javascript SVG文本行高度在img标记中显示不同

Javascript SVG文本行高度在img标记中显示不同,javascript,html,css,svg,Javascript,Html,Css,Svg,我已经创建了一个SVG图像,我正在我们的网站中使用它 SVG是通过将XML插入HTML文件来显示的,但是,当这样加载时,SVG的显示方式与在img标记中显示的方式不同 <img src="http://elbrus.ecommercesuite.co.uk/Customisation Tool/SVG Templates/Bookmark.svg" /> 我只是尝试在以下SVG中降低线高度: 我必须加载XML版本才能在网站内编辑SVG,有什么想法吗?如果您想让正常工作,需要包

我已经创建了一个SVG图像,我正在我们的网站中使用它

SVG是通过将XML插入HTML文件来显示的,但是,当这样加载时,SVG的显示方式与在img标记中显示的方式不同

<img src="http://elbrus.ecommercesuite.co.uk/Customisation Tool/SVG Templates/Bookmark.svg" />

我只是尝试在以下SVG中降低线高度:

我必须加载XML版本才能在网站内编辑SVG,有什么想法吗?

如果您想让
正常工作,需要包含
元素

注意:我已经从这个演示中删除了这个图像,使它变小了



文本换行在SVG中效果不佳。这篇文章可能会有所帮助:我正在使用HTML方法向SVG中添加一个p标记,但出于某种原因,它显示的行与行之间有一个巨大的间隙。很清楚,您对内联SVG中的字体大小感到满意,您只是希望降低行高?