我有大约 100 个 svg 文件,而且我想改变同样的事情。这是原文:
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="460px" height="104px" viewBox="0 0 460 104" enable-background="new 0 0 460 104" xml:space="preserve">
我想这样改变它:
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
preserveAspectRatio="xMinYMin meet" viewBox="0 0 460 104" enable-background="new 0 0 460 104" xml:space="preserve">
我的html代码是:
<div id="main"><object width="100%" data="http://euclidthegame.com/mathexchange/7.svg" type="image/svg+xml"></object></div>
所以我想将高度和宽度设置为默认值,并且我想添加preserveAspectRatio="xMinYMin meet"
. 当然,我可以只编辑所有文件,但我想在外部使用 javascript、jquery 或 css 来执行此操作。我不确定如何更改外部 svg 中的属性。
这是我尝试过的:http: //jsfiddle.net/kasper90/vV7Y8/