Question about Scalable Vector Graphics; a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). Ask anything related to designing graphics for the SVG format.

learn more… | top users | synonyms

0
votes
0answers
10 views

Visualization of SVG code before save file in Illustrator

I have an .ai file that I need to save as a SVG file. Before this, Illustrator show options to save the SVG file, two of them are a SVG Code button and other button to open a web navigator. ...
1
vote
0answers
29 views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic shapes. It's 1 solid shape and has no gaps at all. I want to use this icon as a preloader on a website as an SVG. The idea being each 'segment' (line) fades in ...
0
votes
1answer
37 views

How to create an inverse path

I've got an svg in Illustrator, build from 3 paths. I want to create a path that is the complete inverse of the current paths. So everything that is transparent now - I want it to be white and the ...
0
votes
1answer
40 views

Making Demonstration graphics for web applications

I have been through a lot of websites which have the following kind of demonstration images/icons which look plain but awesome. What are they exactly called? What is the term for such graphics? Any ...
0
votes
2answers
40 views

Circular Bend Shape

I'm going to try to replicate this tutorial on creating a wobbly slide show but instead of a square svg, I am trying to use a circular shape. The square image is comprised of the below: What ...
0
votes
1answer
46 views

Which SVG features are supported by Illustrator? [closed]

I've noticed that certain SVG features such as @font-face w/ base-64 content and path fill styles do not seem to work with Illustrator. (SVG image not displaying CSS base-64 data URL encoded fonts in ...
1
vote
0answers
38 views

SVG image not displaying CSS base-64 data URL encoded fonts in Illustrator

I'm dynamically generating an SVG that includes text and a font using an embedded base-64 font-face with this method: How do I embed Google Web Fonts into an SVG? <defs> <style> ...
1
vote
1answer
67 views

How to create a vector (SVG) with XML Code?

I recently saw an icon on the web, a stepper motor image: but when I click "View image" it sends me to the page ...
1
vote
1answer
53 views

Saving AI to svg

I created some art with a Rectangular grid tool. I created the shape, converted to a live paint and started my pixel art. As I was done I tried to save it to SVG but when you open the image, it ...
0
votes
0answers
33 views

import psd as text into illustrator

I have a psd file with picture and text, that I am trying to convert to svg - so the text will be scaleable. I am working with cs5. I believe you can export as svg from photoshop-cc now, but I dont ...
0
votes
0answers
23 views

Color blending options (Multiply) in a web context? [migrated]

We have a customer who has created an animated graphic (using AI & After Effects). The graphic is essentially 3 overlapping donuts (can't post right now for "obvious reasons") Each donut isn't ...
0
votes
1answer
27 views

Object getting displaced while animating - SVG

I am trying to animate an image along a path in SVG. The object does get animated along the defined path but away from its intended position. I am not able too see as to what's wrong with the code. ...
0
votes
1answer
17 views

How does the P1 translation column horizontal shift (and other fields) work?

I really like Inkscape and I enjoy doing things in it, but even after using it for a while I have to say that many functions are obscure and counter intuitive (like the gradient editor). My current ...
1
vote
1answer
45 views

How can I locate points on a path that are not smooth in Adobe Illustrator?

I have drawn a number of shapes freehand on a graphics tablet in Adobe Illustrator. Most of these shapes are blob-like and almost all points on the paths are smooth. They'll show handles if selected, ...
1
vote
0answers
29 views

Shading an SVG shape using control points

I'm using Inkscape to produce an SVG image which is supposed to reproduce a photo. I have some arbitrarily drawn shape, and I need to shade it. Here's an example photo: Here's how I would like to ...
-1
votes
1answer
38 views

SVG not rendering in Safari

I have several pages on my site that show SVG images on any browser without a problem. One of the pages shows two different SVG images, and one of them is a pretty complex image. In my Chrome Web ...
1
vote
1answer
44 views

How do I make SVG files more transferable from Inkscape to Illustrator and viewable in Chrome?

I've created a SVG file in Inkscape [1] and I've noticed that viewing it in Chrome or Illustrator causes a number of parts of the diagram to be invisible or otherwise poorly rendered (e.g., in Chrome ...
4
votes
1answer
71 views

How to create an SVG path from a lineart?

I have a line drawing in PNG format, from which I need to create an SVG. I need to create the svg path from right to left, left to right, center to sides OR sides to center. Here’s an example: I’m ...
0
votes
0answers
17 views

How to draw into tiled space?

I want a pen that draws at 9 points spaced in a grid spaced about 90% of the page. In svg or similar vector format. The idea is to be able to make nice tile-able drawings. I have tried photoshop, ...
0
votes
0answers
65 views

SVG to EPS in Inkscape and jagged edges

I have a simple logo comprised of an outer ellipse, an inner ellipse and lastly text inside that. The ellipses have only a fill, no stroke. The text is converted to a path. It is drawn on a 3508x2480 ...
1
vote
2answers
67 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
4
votes
1answer
131 views

Embedding fonts in inkscape

Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular ...
2
votes
1answer
100 views

What's the best approach when designing website/app UI icons in Photoshop?

As the title says, I would like to know what's best to approach when inserting/using an icon when designing website/app UI. Should I insert it as a “smart object”, font-based icon, or vector mask? ...
1
vote
3answers
72 views

How do I copy icon designs from Photoshop to Illustrator in order to turn them into .svg?

I'm a newbie in creating font icons from .svg. I created some icons in Photoshop (.psd), and now I want to copy all of them to Illustrator to create an .svg file but I don't know how to do it. Can ...
1
vote
1answer
35 views

Strange ID when save a file as SVG in Illustrator

I drew a map of a floor with offices in Illustrator, and I need to named each office floor. But the names have numbers or special characers such () and +, i.e. 360 (IVO+IMR+IEC) And when I save it as ...
1
vote
0answers
57 views

Is there a tool that converts Adobe Illustrator's 3D Rotate effect to SVG or CSS transforms?

I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied to it. Saving as SVG this expands my text to outlines :( I'd like it instead to output <text> ...
1
vote
1answer
76 views

Why are gradients and opacity rasterized when saving SVG's in illustrator?

I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for me is SVG because it is light, performant and looks HQ at any size. Something ...
8
votes
2answers
98 views

Do SVGs have any inherent px size?

Im saving some images from my illustrator file as SVGs to use as background images for a website. I know you can set the image size in px but does it have any inherent px size set in the file?
0
votes
0answers
23 views

How to snap images to artboards?

I am trying to export multiple artboards as svgs (with MultiExporter script),but some of the images get cropped,they do not snap to my artboards. I have tried to untag the 'align to pixel grid' ...
0
votes
1answer
52 views

How to Save .svg in Illustrator so it shows right on Adroid?

I am trying to create a .svg image for Android devices, but it is not visible clearly in the device. How should I save the file from Adobe Illustrator and how can I optimise the file?
1
vote
0answers
63 views

How do I overcome this PNG rendering problem of a SVG?

I uploaded a human body diagram showing the signs and symptoms of Hodgkin's lymphoma (http://health-and-medicine.wikia.com/wiki/File:Symptoms_of_Hodgkin_lymphoma.svg) to my Wiki but for some reason in ...
1
vote
1answer
49 views

How do I remove parts of a SVG that aren't on the page?

I downloaded this file from Wikimedia Commons (1) but there's a heap of the picture that doesn't fit on the document page and I'd like to know I can cut what doesn't fit on the page off so that it no ...
1
vote
1answer
64 views

Substract color from all objects to mode alpha

I am trying to make some stuff from Illustrator, with using remove once color to setting up alpha mode. I created example from Photoshop like that: Any Idea? Edit 1: Recolor Art is useless, no ...
1
vote
1answer
168 views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
-1
votes
1answer
63 views

Can I replace a pattern fill with solid fill on SVG files?

I have a SVG file with a shape that has a pattern fill. Can I replace the pattern fill with just a solid fill color in Illustrator?
0
votes
1answer
18 views

PharmGKB diagrams; how do I convert them into customizable svgs?

I'd like to be able to convert this pathway (1) to SVG in a way that I can then edit (e.g., adding a legend to the diagram and edit some of the hyperlinks in the diagram). I have tried saving it as ...
3
votes
1answer
58 views

How does one extend arrows in SVG?

I would like to be able to lengthen (without changing their direction, colour, width or the dimensions of their heads) arrows between cells in this diagram, ...
1
vote
0answers
188 views

SVG images for JavaFX-based game client

A group of programmers and designers are making a Trading Card Game (TCG). I work mostly on creative material. The Java game client is using JavaFX for GUI and we are looking to use primarily ...
1
vote
1answer
36 views

Text SVG losing formatting and glyphs when export from illustrator

I am exporting SVG from illustrator and the text with special characters is falling apart with special characters. Is there a way to do this correctly? This is what it should look like This is ...
3
votes
2answers
106 views

Why do EPS (vector) file formats require a specified resolution?

SVG is also a vector graphics file format but I've never been requested for resolution choice when using Matlab or Inkscape. EPS however has these options. Why? If both are vector graphics formats, ...
0
votes
1answer
167 views

How to get path of Bezier curves with coordinates of decimal value in CorelDraw

I need to get path of a letter of some font which is transformed to curves. I have a 512x512 px canvas with 350x350 px letter for example "R" in the middle. I need to export somehow a coordinates of ...
0
votes
1answer
391 views

PhotoShop CC SVG extracted assets not recognized by IcoMoon

I have a project where I need to extract Vector Smart Objects as SVGs to use on a website. I'd like to make a single file with these SVGs - it looks like IcoMoon.io will do this for you. I've ...
2
votes
1answer
138 views

Pattern filled background is not exporting to SVG

I am trying to draw some electromechanic components in SVG format files. In the example below, you can see the symbol for one of these components in which I have filled the squares with a linear ...
0
votes
1answer
71 views

SVG font-weight changes when rendered in html

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change ...
4
votes
1answer
431 views

How to convert a gradient mesh created in Illustrator into a browser-compatible, scalable SVG?

I need to convert a gradient mesh generated in illustrator into an SVG file that is browser compatible. The mesh generates this gradient which I need to use as a background for a responsive web site ...
0
votes
1answer
67 views

Why can't I edit these SVGs with Inkscape?

In Inkscape it is impossible to edit the SVG images downloadable from here: https://archive.org/details/IauConstellationsSvg Basically, there is a single, large group and I can't ungroup it. Those ...
1
vote
1answer
31 views

Converting from CSS3 to SVG

So, I was working on my site and an accidental mistake did a nice 3D effect to my new Logo, is there any way to convert or import a CSS3 code to illustrator so I can have it as .SVG?
0
votes
0answers
46 views

Exporting 3D object from Poser or Daz to SVG

I am currently working on a human body in Poser which i want to export in SVG. Basically were talking about a 2D export and nothing fancy 3D. Im really struggling with finding a way to export this, ...
0
votes
1answer
90 views

My SVG file shows as a blank icon on the desktop

I'm a new at the web design and I'm not sure if I've done right thing while saving my icon as svg file. Here's the thing - I got an outline icon and when I save it as svg with options shown in ...
0
votes
1answer
409 views

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...