blocks|key|539800|text|Mac+Finder+(我假设你正在使用它来查看你的SVG+)倾向于忽略SVG边界。在生产环境中应该无关紧要，尽管当您在文件夹中查看它们时会有点烦人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|539801|在文本编辑器中打开SVG文件，请特别注意开始标签。确保"viewbox“属性中的笛卡尔坐标与您的想法相符。|539802|深入解释代码的含义：http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates|offset|length|539803|entityMap|0|LINK|mutability|MUTABLE|url|http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates^0|0|0|A|1W|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

The Mac Finder (which I'm assuming you're using to view your SVGs) tends to ignore SVG boundaries. Shouldn't matter in production, although it's a bit annoying when you're viewing them in a folder.

Open your SVG file in a text editor, paying special attention to the opening tag. Make sure the cartesian coordinates in the "viewbox" attribute matches what you have in mind.

In-depth explanation of what the code means: <a href="http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates" rel="noreferrer">http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates</a>

blocks|key|539864|text|您的问题是SVG与画板一起保存，画板设置为默认文档大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|539865|在保存之前，请尝试使用“对象>画板>适应图稿边界”。|539866|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Your problem is that your SVG is being saved with the Artboard, which is set to the default document size.

Try using "Object > Artboards > Fit to Artwork Bounds" before you save.

blocks|key|323010|text|有时，您可能无意中在插图中包含了一些小项目，从而增加了尺寸。尝试按Crtl+%2BA突出显示文档中的所有内容。然后，删除插图之外的任何额外项目。这应该会调整画布的大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|323011|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Sometimes you can unintentionally include small items in the illustration that increases the size. Try pressing Crtl + A to highlight everything in the document. Then, delete any extra items outside the illustration. This should resize the canvas.

blocks|key|539992|text|Illustrator在画板方面存在问题，即.svg格式的"viewBox“。尝试这样做:首先在Illustrator中为图形调整画板/画布，然后将文件保存为.ai格式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|539993|现在，从.ai格式，您可以将文件另存为.svg，您的画板将是您调整它。下次在Illustrator中打开.svg时，画板将再次变得一团糟，因此您将不得不从.ai文件开始工作，而只使用web上的.svg。|539994|这意味着每次你需要调整.svg时，你需要首先将其保存为.ai格式，调整画板，将其另存为.ai，然后将其另存为.svg。|539995|如果您有Adobe员工的联系地址，请让他们知道...|539996|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Illustrator has an issue with artboards, ie "viewBox" in the .svg format. 
Try this: first adjust your artboard/canvas for your graphic in Illustrator, then save the file in .ai format. 

Now from the .ai format you can save the file as .svg and your artboard will be as you adjusted it. Next time you open the .svg in Illustrator, the artboard will be messed up again, so you will have to work from the .ai file and just use the .svg on the web.

That means each time you need to adjust an .svg, you need to first save it in .ai-format, adjust the artboard, save it as .ai and then save it as .svg.

If you have a contact address to the people at Adobe, let them know...

blocks|key|323109|text|解决方案是使用像https://petercollingridge.appspot.com/svg-editor这样的优化器|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|323110|这样就去掉了空格，同时也优化了文件。|323111|entityMap|0|LINK|mutability|MUTABLE|url|https://petercollingridge.appspot.com/svg-editor^0|8|1C|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

The solution to this is to use an optimiser like <a href="https://petercollingridge.appspot.com/svg-editor" rel="nofollow">https://petercollingridge.appspot.com/svg-editor</a>

This strips out white space and also optimises the file.

I'm having real trouble with saving a simple SVG in Adobe Illustrator.

Illustrator keeps imposing its own canvas size on the export.

This is what I'm doing...

1) Draw an art board around the image

<img src="https://i.stack.imgur.com/ZiIoe.png" alt="enter image description here">

2) File > Save As

3) Change type to SVG

When I view the result, Illustrator has seemed to have resized the canvas arbitrarily<img src="https://i.stack.imgur.com/BTVjz.png" alt="enter image description here">

How can I control this so I can get my own size?

Exporting as an SVG in Adobe Illustrator canvas size issues

在Adobe Illustrator中保存一个简单的SVG时，我遇到了真正的问题。Illustrator会在导出时强制使用自己的画布大小。这就是我要做的..。1)在图片周围画一块画板​​2)文件>另存为3)将type改为SVG当我查看结果时，Illustrator似乎随意调整了画布的大小​我怎么才能控制这个，这样我就可...

问在Adobe Illustrator中导出为SVG画布大小问题
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Adobe Illustrator中导出为SVG画布大小问题EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Adobe Illustrator中导出为SVG画布大小问题
EN