将SVG缩放到所需大小
将SVG缩放到所需大小
提问于 2016-08-01 19:47:52
当涉及到SVG时，我完全迷惑了:我试图将这个SVG的大小调整为24像素，并作为HTML元素使用。目前，正方形很小，只占一个像素……
你能教我怎么做吗？谢谢。
下面是SVG文件：
<?xml version="1.0" encoding="utf-8" ?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="640px" height="480px" viewBox="0 0 640 480" enable-background="new 0 0 640 480" xml:space="preserve">
<g id="Calque_1">
</g>
<g id="Calque_2">
<path fill="#AD9D91" d="M348,268h-56v-56h56V268z M293,267h54v-54h-54V267z M334,226h-28v28h28V226z" />
</g>
</svg>
Stack Overflow用户
回答已采纳
发布于 2016-08-01 20:38:23
您需要使viewBox与您绘制的形状的尺寸相匹配。你的那个太大了。当然，你的形状不是正方形的，所以如果你想让它占据一个正方形的区域，你会得到两个边的空白，或者它需要扭曲。如果想要失真，请将preserveAspectRatio=设置为“none”。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="640px" height="480px" viewBox="292 212 56 56">
<rect fill="blue" width="640" height="480"/>
<g id="Calque_1">
</g>
<g id="Calque_2">
<path fill="#AD9D91" d="M348,268h-56v-56h56V268z M293,267h54v-54h-54V267z M334,226h-28v28h28V226z" />
</g>
</svg>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38698072
复制相关文章
相似问题
腾讯云开发者
