Questions tagged «svg»

据我了解， SVGZ是SVG的压缩文件类型。我喜欢使用SVG图像，并且对它们有很多经验。 我使用它们的所有时间中，我从未遇到过超过数百千字节的图形。 在制作响应式网站时，我将SVG用于响应式图形。我也使用它们，因为我最喜欢的设计风格是基于矢量的图形。我最强大的设计实力是插画家，尤其是在图形设计方面。 我会使用SVG图形的另一个原因是由于易于对图形的某些元素（例如手臂，腿等）进行动画处理。 尤其是背景元素，例如横跨整个页面的城市，同时我为灯光闪烁等设置了动画。 如果文件被压缩，它会丢失SVG代码，因此我无法对其进行动画处理吗？ 有什么理由让我应该仅在SVG上使用SVGZ吗？ 更新资料 好吧，我决定制作一个SVG和SVGZ来看看它们在网络上的作用，因为我发现我的作品古老的CS3可以保存SVGZ！ 经过测试后，我遇到了SVGZ文件类型非常意外的问题。（已在Chrome，Firefox和IE上测试）如果转到图像的直接URL，则会收到错误消息。我假设您无法访问这些文件类型上的SVG代码，但是经过一番摆弄之后，它甚至似乎都没有显示图像。 这些对网络没有用吗？ .svg .svgz JSFIDDLE

22 adobe-illustrator  website-design  vector  svg 

有没有办法在Illustrator中编辑SVG文件，您可以在其中为每个路径指定CSS类？ 我已经在Illustrator中知道，如果给层名称一个真实的名称，Illustrator将使用该名称作为路径的ID，如果您不打算在同一页面上多次重复使用该图标，那就很好了。 我当前的解决方法是只使用IDs方法，但是随后在我的代码编辑器中将ID转换为类，但是每次生成SVG Sprite时都必须这样做很烦人。 如果在Illustrator中当前无法做到这一点，那么是否有其他应用程序可以让您指定呢？还是Grunt或Gulp包装？ 看来您可以使用Inkscape进行破解，所以如果没有其他好的解决方案，我可能会考虑一下。

21 adobe-illustrator  css  svg 

我已经在inkscape中制作了地图，现在需要将其更改为位图或.png。地图将由计算机程序解释，该计算机程序将寻找确切的颜色，因此边缘需要清晰。当我使用inkscape导出.png时，请使用在线文件转换器，甚至拍摄屏幕快照，它始终会被消除锯齿。救命。

21 vector  inkscape  svg  anti-aliasing  raster 

是否有人知道将字体嵌入到可被inkscape读取的svg文件中的当前状态？我发现缺少嵌入式字体会严重阻碍svg文件的可移植性，尤其是如果将文件发送给没有计算机管理员权限并且无法安装字体的人。 我试图按照此链接上给出的说明进行操作： HOWTO：在Linux Inkscape SVG文档中嵌入字体 但由于无法正常工作，此链接还表明有可能： https://answers.launchpad.net/inkscape/+question/83618 公平地说，我正在尝试使其在Windows而不是linux上运行（我现在无法访问linux机器）。是否有人知道或可以访问此功能正常运行的实际svg文件？

20 fonts  inkscape  svg  embedded 

是否有用于创建和编辑动画SVG图像的图形工具？Inkscape很棒，但是除了动画之外，它可以执行所有操作。我在Inkscape中创建了一个图像，然后手动编辑XML以添加动画属性。这给了我我想要的东西，但是对于稍微复杂一些的设计来说，这可能非常乏味。

17 animation  svg 

可缩放矢量图形用于打印的效果如何？ 我需要以编程方式生成要包含在打印文档中的图形。对于目标文件格式，似乎只有两个重要的竞争者：EPS和SVG。 作为一名程序员，SVG看起来更易于使用，但是它似乎并未被图形行业接受。曾经有一些项目将打印图形基于SVG（例如Adobe PDFXML），但现在似乎没有一个活动。而且，Adobe的工具似乎已经结束了SVG的短暂发展。 如果我选择SVG作为可交付格式，那么与替代方法相比会出现什么问题？我已经听说过有关SVG处理文本的投诉，但是我没有找到详细的讨论。我怀疑另一件事可能是一个问题，即SVG如何干净地转换为PDF。

17 svg 

我需要使用此网站上的徽标（在左上角）： 这是我从页面复制的代码： <svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg> 我不是很熟练，但是已经尝试将其粘贴到文本文件中并进一步保存为“ .svg”，但都是徒劳的。 …

16 website-design  svg  save 

有什么方法可以反转路径中锚点的顺序吗？我不想再次重画路径。我想将起始锚点从任何路径的起点更改为终点。颠倒我已经绘制的锚的顺序对我来说有一些好处，例如： 在笔触选项对话框中，应用美术画笔时无需翻转画笔的方向。 如果我想让我的SVG以我想要的顺序出现在任何网页中，例如绘画笔触动画效果。

16 adobe-illustrator  svg  path  brush  anchor-point 

我在Illustrator中有一个简单的图形，其中包含多个矩形。我将在以后的代码中处理该问题，并将文档另存为SVG。 矩形<rect />以SVG格式显示为节点。有没有一种干净的方法可以将矩形从原始类型转换为Illustrator中的路径？如果是这样，怎么办？ 到目前为止，我的hacky解决方案是使用“ 对象”>“路径”>“简化”，并且由于我处理的是未应用任何转换的简单框，因此我也选择了“ 直线”。这对于框效果很好（保留了相同数量的顶点和外观） 在Illustrator中，有没有一种更简洁的方法将原语转换为路径？

16 adobe-illustrator  vector  svg  path  xml 

我有一个SVG，上面有很多文字。这是一个停车场地图，上面写有空间编号。我将其显示在网络浏览器中，这要归功于Firefox中的一个出色的小错误，该浏览器无法正确显示文本。嘘 因此我将文本转换为路径。我们正在谈论多达4000个单独的标签。现在它们可能是15,000个新形状。4MB。通常，您可能会认为这将有助于压缩，但是我必须将此SVG内联到HTML中。我正在动态添加CSS更改，这是我有机会获得跨浏览器支持的唯一方法。因此，无论如何，原始的（甚至是精练的）输出太大而无用。 这里令我印象深刻的是所有这些空间数字都共享共同的字形。零到九。为什么要为每个数字的每个实例包括一个形状定义？我可以删除这些重复项吗？ 我正在使用Inkscape，但愿意接受建议。

14 inkscape  svg 

我想创建三维几何对象的二维投影。绘图应为SVG或PDF的矢量格式，可以由Inkscape或Adobe Illustrator导入。在Wikipedia上，我找到了以下示例（原始SVG，CC-SA）： 这些是等轴测图。可以使用Inkscape的轴测网格功能构建其线框版本（仅黑线）。但是，此方法对阴影没有帮助。如果缺少梯度，球体将看起来很平坦。是否有一个类似于Inkscape的程序，让您选择光源的位置并生成带有渐变的平面投影？ 2D矢量应用程序（例如Illustrator或Inkscape）的另一个缺点是难以绘制与网格轴不对齐的对象。假设您想将图中的立方体旋转20°，而无需更改透视图。你会怎么做？ 注意：在这里找到答案的帮助下，我发现以下工具很有希望： Blender的矢量渲染方法（免费软件） Maya矢量渲染器（商业软件） Swift 3D（商业软件） 用于Carrara的VectorStyle 2（商业软件） Google SketchUp Pro（商业软件） GeoGebra（免费软件）

14 vector  software-recommendation  3d  svg  perspective 

我只是好奇是否有人知道如何确定viewBox价值（即viewBox="a b c d"）。 我试图了解Inkscape的SVG功能，所以我在Inkscape中创建了一个100pxx 的文档，100px从视口的左侧（即0水平值）到右侧（即100水平值）画了一条线。 但是，奇怪的是，当我将此文档另存为普通SVG文件，然后在文本编辑器中打开该文件时，这些viewBox值设置为viewBox="0 0 26.458333 26.458334"而不是viewBox="0 0 100 100"。 是否有人知道如何0 0 26.458333 26.458334确定这些值（），以及为什么它们与视口尺寸之间似乎没有关系？ PS：我知道您可以viewBox在文档选项中手动编辑属性，但是我仍然对Inkscape为什么将它们设置为时髦值感到好奇。

14 inkscape  svg  xml 

从Android的Material Design指南中， 系统图标以24dp显示。创建图标时，重要的是要以100％的比例设计像素精度。 100％规模设计意味着什么？这是否意味着图标应具有24 * 24 dp尺寸？还是意味着它们应该采用缩放格式而不会导致数据丢失或失真等的文件格式，例如SVG文件格式？

13 svg  android  resize  google-material-design  scale 

.svg在命令行上裁剪文件很简单： $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg 我需要做相反的事情。我想将绘图放入64 x 64点画布（已在所有.svg文件中设置）。不幸的是，Inkscape没有提供FitDrawingToCanvas命令。此外，配件应保持图纸的纵横比。 如果很重要：我正在使用Ubuntu raring。

13 inkscape  svg  batch-processing  resize 

下图中使用的样式名称是什么？它们在Google，Facebook，atlassian.com，bitbucket.org和信息图形上使用。 我将它们称为生活方式图像，但希望搜索这些类型的图像，但我不知道正确的术语。 如果我使用图像搜索Google图像，则会得到图像的来源，而没有任何有关样式的信息。

13 svg  images  stock-images