Question

我在我的项目中使用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

Answer 1

搜索了几天之后我发现了以下事情

如果要调整svg的大小，那么我们必须调整svg的视图大小，设置宽度只会调整外部显示区域

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

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

我在以下帖子中找到答案

How do I scale a stubborn SVG embedded with the <object> tag?

如何将SVG调整为不同的大小

1 个答案: