




















有时候需要个特定大小的 svg 图片,比如某个按钮的图标或者网页上某个位置的缩略图。有才华的自己可以画,业余选手只能去网络上搜个无版权的,自己动手调整优化了。
Google 搜索出来的中文内容,调整 svg 的图片都是直接编辑源文件(xml 文件),简单的图片还好说,复杂的实际操作起来很不方便。开源工具软件 Inkscape 是你的合理选择之一。
示例过程如下:
下载安装过程省略,按'Ctrl+O'快捷打开 svg 图片

这个示例图片为 128px x 128px, 我要改成 512px x 512px,两个框都填上 512 即可,填写完成后关闭对话框(调整即刻生效)

调整图片大小后,往往图片相对背景的位置也变化了,这个时候要调整位置,比如左右上下居中对齐,按照图中的数字操作步骤
值得特别说明的是,居中的时候,可以点上那个 移动/对齐选中作为整体(Move/align selection as group)

点中后,就是当作一个整体对待,好比阅兵的方队,一致行动,图层位置相对位置固定,不然有的时点居中操作时图层会错乱。
一开始我并不知道这一点,图层搞乱会有泪崩的感觉,锁定后让人很放心,特别好用。
这样一通操作后,图片基本放在合适的位置了。紧接着,可能要调整图层元素大小

如果你需要锁定比例大小,把那个锁型图标掉点上(建议一般情况,先把 1 的那个锁点上,这样不至于把图片弄得过于扭曲))
再用鼠标拖动图层的各个方向,调整到合适大小(当然也可以指定高度 W 和宽度 H,这样就不需要拖动鼠标设置大小了,固定大小)
如果需要,再次点击上下左右居中的按钮

这样大小和位置都调整完毕。
当然,你也可以给图片调整颜色、添加辅助线精确调整位置等,非专业人员,我一般情况下用不到,读者可以自行摸索。
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。