Questions tagged «svg»

矢量图形现在接管了Web甚至移动应用程序。网页或移动应用程序的图标，按钮和元素现在正变得越来越基于矢量，由于需要在各种屏幕分辨率，dpi，比率等上进行渲染，以及因为“缩放”到在移动浏览器上阅读效果更好的页面使位图资产变得丑陋且无法使用。 现在该开始在SVG中创建动画图标，背景和控件了，但是如何为SVG文件设置动画？

12 website-design  vector  icon  svg  animation 

我是一位优秀的艺术家，是Adobe Illustrator的新手。我正在使用Illustrator为一家公司设计徽标。完成所有操作后，我应该向他们发送哪种类型的文件，以便他们可以选择任何方式使用此徽标？ 我对Photoshop相当了解，但是Illustrator对我来说是全新的。通过Adobe的教程慢慢地教育自己，但需要尽快完成此项目。 预先感谢您的帮助！ 另外，这是基于我在PS方面的经验，在将其发送给客户端之前，是否需要在Illustrator中平整图层？请原谅我缺乏Illustrator知识，我正在努力！:)

12 adobe-illustrator  logo  svg 

我有一张用SVG绘制的单色面孔图。整个脸都是一条路。例如，我如何只选择一只眼睛并使其成为另一条单独的路径？谢谢。 请注意，眼睛只是一种漂浮在空间中的东西，并不与鼻子，嘴巴等相连。

12 inkscape  svg 

是否可以在SVG中重新创建这种模糊的渐变？

11 svg  gradient 

简短的问题：我有CMYK颜色的SVG文件，根据SVG规范指定。我想将其纳入设计程序（任何设计程序）中，以完成设计并准备打印。但是，我找不到任何真正关注SVG中CMYK颜色的东西（无论如何不是Illustrator或Inkscape）。 颜色很复杂，而且不容易转换：想象一下动态生成的数百种阴影，就像品牌准则指定的CMYK的色调和混合必须正确一样。 背景：越来越普遍的是设计使用javascript和SVG从数据生成的数据驱动的图形，然后，使用javascript和SVG将Web的一种变体发布，例如通过D3（或通过Raphael / D34Raphael的IE支持） ，然后使用相同的代码生成用于打印的变体，该变体在Illustrator（或Inkscape）中完成，并以PDF的形式发送给打印机或版面设计人员。 这是《纽约时报》图形博客中通过此工作流程进行讨论的示例。下面的图形是为网络编码的，然后将SVG从浏览器复制到Illustrator中，然后最终确定为打印图形（对他们来说，颜色很简单，所以我没有问题，可以从RGB转换） ： SVG 可以指定CMYK颜色（对于那里的所有SVG编码器，语法如下：）<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>。但是大多数设计软件都忽略了这一点。我在Inkscape社区中看到过有关支持CMYK SVG的思考，以及涉及Scribus（“开源InDesign”）的一些复杂问题，但是我都没有设法工作（我可能误解了Scribus之一） - 编辑： 本文建议的scribus可以导入CMYK SVG如果将它定义为一个ICC色彩配置文件 ...不太mades它的意义还没有，但它看起来很有希望）。 因此，我可以创建代码，在“ Web模式”下生成RGB SVG可视化效果，在“打印模式”下生成CMYK SVG的代码，动态生成正确的颜色。问题是，这些CMYK SVG文件无法执行任何操作-Illustrator和Inkscape只是将它们视为黑色。 是否有任何图形程序，或插件，可以采取SVG图像用CMYK形状并将其转换为任何矢量格式的方法（ai，pdf，eps...），其中设计软件会听取CMYK颜色？ 这是一个简单的SVG文件，其中包含带有CMYK中指定颜色的一些文本。只需复制并粘贴并另存为.svg文件即可。 <?xml version="1.0" encoding="utf-8"?> <!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="176.18px" height="111.59px" viewBox="0 0 176.18 111.59" …

11 svg  cmyk  information-graphics  color-conversion  prepress 

即使图像不是知识共享之类的东西，也可以矢量化该图像以制作海报吗？我不会直接使用图像的任何部分，而只是将其用作制作自己的SVG版本的指南。 这是图像： 这是原始图像。 它说它是CC许可的，但原始的NatGeo不是，我不认为。 我不打算从中赚钱，我只想要一张漂亮的海报，而原件的质量就不好。

11 vector  inkscape  copyright  licensing  svg 

我想知道SVG文件。我知道这是XML中由路径标记定义的向量的集合，因此，为什么它在svg标记中具有以像素为单位的宽度和高度，如果我们删除这些尺寸怎么办？

11 svg 

我正在寻找一个使用SVG背景图像的网页，该背景使用类似六边形的常规六边形，类似于下图。但是，我需要六边形来互连，所以可以使用： background-image: url("path-to-hex.svg"); CSS模式。我想在Inkscape中做到这一点。我不确定如何将模式“切割”成块。我将如何开始这样做？ 编辑 结果出来看起来真的很好！

11 inkscape  svg  patterns 

我使用Inkscape，想导出尺寸为1080像素乘1920像素的PNG图像（我的SVG文件）。但是，DPI始终设置为90，如果更改，则尺寸也会随之更改。是否可以在相同尺寸下具有更高的DPI？

11 inkscape  export  svg  dpi  dimensions 

我正在尝试从Illustrator输出SVG。我的画板是256x256像素。画板的左上方是0,0。 当我导出svg时，viewbox属性为0.5 792.5 256 256。为什么不呢0 0 256 256？ 所有图层/路径/等都在256x256框中。什么都没有。 另外，我刚刚创建了一个新的256x256文档，并将所有图层从旧文件复制/粘贴到新文件，并且视图框0 0 256 256符合预期。那么，将原始文件放入偏移量中又是viewbox什么呢？ 更新：我只删除了除一层以外的所有图层，然后将其导出。现在的视图框是：0.5 536.5 256 256，这仍然没有意义。特别是由于画板现在是空的。 如果要查看，这是AI文件：https : //www.dropbox.com/s/q0u6r46b3j9sefa/sprites-old.ai?dl=0

10 adobe-illustrator  svg  artboard 

最近，我不得不将一些PDF文件转换为SVG，并通过在Illustrator中打开PDF 并将其保存到SVG来实现。 问题是，当Illustrator打开pdf时，许多（但不是全部）文本对象将分解为不同的文本对象。例如，“策略”一词不是一个文本对象，而是多个文本对象“ po”，“ l”，“ icy”。似乎没有任何押韵或理由。 如何防止这种情况发生？

10 adobe-illustrator  pdf  svg 

我正在Adobe After Effects中处理文本动画，我想将动画导出为Animated SVG，以便可以在我的网站和Mobile Apps上使用它。 有谁知道这是怎么做到的吗？

10 svg  animation  adobe-after-effects 

是否可以将PostScript文件转换为SVG？ 根据Tex.SE中的答案，我尝试使用inkscape： inkscape test.ps --export-inkscape-svg=test.svg 这确实生成了SVG文件，但是更改了字体并删除了字母之间的间距。作为一个最小的工作示例，我创建了一个仅包含文本的PostScript文件（尽管我的原始文件同时包含文本和图形）。下图显示了PostScript文件（顶部）和生成的SVG文件（底部）： 将PS转换为SVG的正确方法是什么？

10 fonts  inkscape  svg  image-format 

我将插图文件中的某些图像另存为SVG，用作网站的背景图像。我知道您可以以px为单位设置图像大小，但是文件中是否设置了任何固有的px大小？

9 svg 

我为其创建svg的程序不会显示我在Inkscape中创建的文本，其中Inkscape将文本另存为flowRoot。 Inkscape什么时候选择使用svg:flowRoot？ 有没有办法告诉它将转换svg:flowRoot为svg:text？

9 text  inkscape  svg