2013-10-31 159 views
0

所以,我用Inkscape制作的这个基本SVG。我创建了一个新的“icon_32x32”,然后将其保存为“Plain SVG(* .svg)”。我把它嵌入到我的网页:<embed src="~/Content/images/circle.svg" type="image/svg+xml" />增加大小

就像一个测试,我想尝试从32×32提高它250x250的。我正在阅读如何增加大小,并认为我正确地遵循了这些步骤,但为什么我的SVG不会变大?

这里是SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 

<svg 
xmlns:dc="http://purl.org/dc/elements/1.1/" 
xmlns:cc="http://creativecommons.org/ns#" 
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
xmlns:svg="http://www.w3.org/2000/svg" 
xmlns="http://www.w3.org/2000/svg" 
version="1.1" 
id="svg2985" 
width="250" 
height="250" 
viewbox="0 0 250 250" 
preserveaspectratio="xMidYMid meet"> 
<defs 
id="defs2987"> 
<marker 
    refX="0" 
    refY="0" 
    orient="auto" 
    id="Arrow2Lend" 
    style="overflow:visible"> 
    <path 
    d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" 
    transform="matrix(-1.1,0,0,-1.1,-1.1,0)" 
    id="path3981" 
    style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /> 
</marker> 
</defs> 
<metadata 
id="metadata2990"> 
<rdf:RDF> 
    <cc:Work 
    rdf:about=""> 
    <dc:format>image/svg+xml</dc:format> 
    <dc:type 
     rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 
    <dc:title></dc:title> 
    </cc:Work> 
</rdf:RDF> 
</metadata> 
<g 
id="layer1"> 
<path 
    d="m 16.001558,18.25189 a 4.7833748,4.5634494 0 1 1 0,-9.1213392" 
    transform="matrix(0.42504196,0,0,0.39488694,10.250724,10.593505)" 
    id="path3767" 
    style="fill:none;stroke:#ff0000;stroke-width:0.96631217;stroke-miterlimit:4;stroke-dasharray:none" /> 
</g> 
<g 
id="layer2"> 
<path 
    d="m 8.6592145,8.2026817 a 1.9587629,2.5567009 0 1 1 0,-5.1063941" 
    transform="matrix(-1.6047615,0,0,1.1886138,30.932625,9.2768872)" 
    id="path3774" 
    style="fill:none;stroke:#000000;stroke-width:1.50029838;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-mid:none" /> 
</g> 
</svg> 

回答

1

你似乎已经转换了一些文件为小写这是不是有效,SVG是区分大小写的。

viewbox="0 0 250 250" 
preserveaspectratio="xMidYMid meet"> 

必须写

viewBox="0 0 250 250" 
preserveAspectRatio="xMidYMid meet"> 

此外,你可能改变两者的宽度/高度和视框的大小时,你应该只改变了宽度/高度如果还原视框来`viewBox =“0 0 32 32”那么它应该显示更大。

宽度/高度控制有多大的图纸是,视框控件的内容多少占地面积即所以如果更改你结束了一个更大的图纸按比例缩小,即不改变它的扩展内容。