2

我在我的项目中使用Jquery SVG插件。我想将我的 svg 调整为不同的大小,我编写了以下代码以加载更小尺寸的 svg

 $('#svgbasics').svg({
            loadURL: 'lion.svg', // External document to load 
            onLoad: null, // Callback once loaded 
            settings: {width: '100px'}, // Additional settings for SVG element 
            initPath: ''
        }) 

但它总是以 100% 大小打开图像,请任何人帮助我如何显示不同大小的 SVG

4

1 回答 1

3

在搜索了几天后,我发现了以下内容

如果您想调整 svg 的大小,那么我们必须调整 svg 的 viewbox 大小,设置宽度只会调整外部显示区域的大小

我们可以通过简单地在图像标签中显示它来调整 svg 的大小并根据要求调整它的大小,即

<img width="200px" src="lion.svg"></img>

我在以下帖子中找到了答案

如何缩放嵌入 <object> 标签的顽固 SVG?

于 2012-08-09T05:43:47.007 回答