我正在尝试弄清楚如何轻松地调整复杂SVG文件的大小,使它适合任何需要的尺寸。比如说,如果我想把一个100x100的SVG图像调整为5x30,我希望它可以自动调整大小而不会被裁剪。
我想只使用SVG文档或将其嵌入到另一个SVG文件中来实现这一点。但我遇到了很多问题。
例如:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="text/ecmascript" zoomAndPan="magnify" contentStyleType="text/css" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" version="1.0">
<image x="0" y="0" width="516.3034" xlink:href="http://upload.wikimedia.org/wikipedia/commons/e/e5/Tux_chico.svg" xlink:type="simple" xlink:actuate="onLoad" height="777.2853" preserveAspectRatio="xMidYMid meet" xlink:show="embed" />
</svg>
我希望实现的是将嵌入式图片缩小以适应视口,而不仅仅是裁剪图像。