Questions tagged «svg»

有关可伸缩矢量图形的问题;基于XML的文件格式的一系列规范,用于描述静态和动态(即交互或动画)的二维矢量图形。询问有关为SVG格式设计图形的任何问题。




6
如何将Google Web字体嵌入SVG?
我在我的网站上写了一篇有关新Web技术的优势的文章,其中包括HTML5,CSS3和SVG的优势,后者的优势之一是能够在原本有效的图像中选择文本。 我是SVG的新手,刚刚在Illustrator中制作了我的第一张像样的图形。我将其嵌入到带有标签中的Ubuntu字体的GWF脚本的页面中。事实证明,Ubuntu字体可以正常文本正确显示,但是要使此技巧在SVG中起作用,必须将Google脚本嵌入到SVG本身中。我怎样才能做到这一点?
48 svg  web-fonts 

6
更改Illustrator导出的SVG中的viewbox属性
我有一个带有viewBox =“-155.7 -99 510 510”的SVG文件。我相信这会将Mac OS X预览中的路径偏移-155.7 -99。当我在Illustrator中打开SVG时,路径完全没有偏移。我该如何导出此svg,例如: viewBox =“ 0 0 510 510” 并且所有路径都增加了-155.7 -99 我尝试更改画板的位置,但视图框的原点永远不会为0,0。

6
是否可以将SVG的文件大小减小到更接近JPEG的大小?
我有一个正在网站上使用的图片。我想使用SVG,以便它可以是任何大小,并且看起来仍然清晰。 此保管箱包含SVG文件以及原始Illustrator文件。 这是JPEG导出: SVG的文件大小比JPG大。是否可以优化SVG,使其具有相似的文件大小?如果有帮助,我可能会失去一些品质。我已经尝试过这个SVG优化器,但是并没有太大的区别。 如果我将插画器文件另存为JPG,跟踪结果并将其另存为SVG,则文件大小会小得多,但质量会有所下降。这使我认为可能是原稿中的图层导致了较大的尺寸?我正在处理的图像是否太复杂而无法适合SVG?

1
转换为SVG时,图像看起来浮雕
我使用Image Trace然后使用Expand选项在Illustrator CS6中将光栅图像转换为矢量,但是当我另存为svg时,图像看起来像是浮雕的。我怀疑这是由于图层背景为白色且路径未对齐,但我不确定如何解决它或证明该理论而无需手动调整每条路径。 这是我在Illustrator中导出之前的样子: 使用艺术优化选项保存/导出图像时,图像如下所示:



1
是否可以“反转” SVG文件?不是颜色,而是实际区域/路径?
我有一个SVG文件,我想创建相反的文件。这是一个单色的图标,我想要一个徽标透明的版本,矩形的其余部分填充路径。 从理论上讲,这应该是一个普遍的问题,并且类似Inkscape的东西应该具有“反转路径”(或类似功能),但是实际上我在Inkscape或Google中找不到任何相关帮助吗? 谢谢!
28 inkscape  svg 

4
如何在网站上的SVG图片中使用自定义字体?
我使用Inkscape创建了一个自定义Facebook图标,并将其另存为svg。它使用与页面标题相同的字体,该页面使用字体“ ubuntutitling-bold-webfont”,我在CSS文件中将其引用为.woff。标题起作用,但是svg不起作用-它以某种默认字体显示“ f”。字体文件相对于CSS和图像文件位于../fonts/ubuntutitling-bold-webfont.woff,而相对于网页则位于fonts / ubuntutitling-bold-webfont.woff。 我如何将Google Web字体嵌入到SVG中?,但我什至对如何将代码应用于SVG感到困惑。SVG可以使用CSS文件中引用的.woff字体吗?我手动更改SVG文件中字体的方式是否正确? 这是SVG的代码: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="80" height="80" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="New document 1"> <defs id="defs4" /> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="26.573808" inkscape:cy="42.478414" inkscape:document-units="px" inkscape:current-layer="layer1" …
28 css  svg  web-fonts 


5
如何将方形SVG转换为全尺寸ICO?
我已在InkScape中绘制了一个图标,并希望将其导出到ICO文件,该文件将包含所有合理分辨率(16x16、32x32,... 256x256等)的子画面。如何做到这一点(无需使用庞大而昂贵的软件,如Photoshop,CorelDraw等)?
24 inkscape  icon  svg  favicon 

5
在Illustrator SVG文件中保留字体类型
嗨,我是插画家的新手,并创建了一个使用“ Skia-Regular”字体的图像。但是,当我以.svg格式保存该图像时,它会更改字体类型。当我在浏览器中打开.svg格式文件时,字体完全不同。谁能告诉我我在做什么错。我也用notepad ++打开了.svg文件,它说font-family =“'Skia-Regular'以及该字体不是Skia Regular。任何帮助将不胜感激。 图像也附有参考

1
在Inkscape中,如何添加白色背景?
当前,保存的svg文件具有白色和灰色格仔背景,我认为是因为背景是透明的。我正在尝试使它成为白色背景。我查看了其他答案,并说要导航到文件中。我在Inkscape中找不到文件按钮,因此我决定只添加一个背景方块。这样做之后,问题仍然没有解决。 为什么什么都不起作用,如何解决此问题?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.