Tag Info

New answers tagged

1

Open up your SVG file in a text editor and see for yourself! <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"> <line ...


2

Well I'm an idiot, finding the answer took approximately a minute of fiddling about with illustrator - as opposed to saving the SVG using the SVG Tiny 1.2+ profile, saving it with something like SVG 1.1 or SVG Basic 1.1 completely eliminated the issue.


3

Yes. When you save an SVG from Illustrator, resize everything, save another SVG and output both of those in HTML, they will be shown in different sizes, depending on how big you saved them. Setting these values should be easy enough in the artboard, but I always just set a css-property (obviously only works on the web)


0

I usually save SVG right on the border of the graphics. In Web Desktop Browsers you definatelly need some css usually to scale things. But i would go with the screen size i want the svg to initially appear. Screenshots might help.


0

I did script, now i have possible for copying colors to setup new gradient and transperency from reading on raster image. Programmatically can use all points of vector image to set new colors. But that's not all ..I had a lot of errors in locating them on a raster image, you need to know well on math. These images are not the same because of the ...


1

Select both (by clicking one object, holding shift, then clicking the other object), then select Path, then Difference. For me, I wanted to cut a left arrow out of a hexagon. I created a hexagon, duplicated the layer, shifted the top layer to the right, then selected both layers, then PATH / Difference.


1

To make a downloaded SVG fit the page in Inkscape we have two options: 1. Clip the image to the page dimensions Import the SVG to a predefined page size Draw a rectangle filling the whole page (or the area we want to clip out of the SVG): Select both, the imported object(s), and the clipping rectangle (or choose Edit > Select all Ctrl + A) Choose ...


0

Not sure what you've all tried. But have you played with shape-rendering: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering. Similar questions: http://stackoverflow.com/questions/11895813/svg-shape-rendering-on-ios http://stackoverflow.com/questions/16889078/turn-off-anti-aliasing-on-svg-when-applying-css3zoom-on-the-element


0

I would imagine all you need to do is select it, then grab a color from a color pallet and it will change. It should be that easy


1

Here you go: http://www.tbyrne.org/export-illustrator-layers-to-svg-files Supported formats are: PNG8, PNG24, PDF, EPS & SVG You can choose whether you want to export all the artboards in the document with the currently visible layers showing, or if you want to export files for each of the layers in a document on the currently active ...


1

There's a link to a PDF version of the pathway in the right-hand sidebar. It looks like the diagram is embedded as a vector graphic in the PDF file, so you should be able to convert it to SVG or open it with Inkscape.


5

Edit strokes in path edit mode It is easy in Inkscape to change the length of a stroke in edit path mode () which will leave stroke properties including markers untouched: This will only work on single strokes with predefined markers. This is not the case in the example SVG we have in the question. Move marker objects with stroke After ungrouping the ...


1

In order to give ID's to groups and paths, you have to give them names in Illustrator. So, if you have a layer called my_layer and a path called my_path in Illustrator and you save them as an svg, you will get: If you don't name your path in Illustrator, it will save it with a random id. If you name the path and the layer with the same name, ...


1

Expanding the text might solve your problem. Select the text Choose Object > Expand... Click Ok. Did this solve your problem?


1

There are a few reasons, @Scott covers most of them. Theres another reason too. It typically has its own setting somewhere hidden from most users. Its is also typically a DPI value. When, the eps is drawn by the RIP it does not draw curves instead each curve is converted to straight segments. Usually the default is ok, but sometimes its not so there needs ...


3

The key word here is rasterization. EPS is customarily a flat file format. Flat File meaning objects are either 100% opaque or 100% transparent -- there's no in between. This means if you use raster effects such as soft shadows, feathering, glows, etc. the only way to maintain that appearance is via raster images. All printers only print raster data. When ...


-1

in my view SVG is best than PNG use HTML 5 SVG codes to insert these SVG in your page


4

The simple answer here is use both. The fact that you've named SVG as an option, means we can rule out photo graphics as an intended use case - because SVGs are only good for line-art graphics such as logos, icons and clip-art-like illustrations. If you are considering this choice for photo graphics, there is no choice; PNG will probably always be better. ...


0

I already decoded path in .svg from CorelDraw. Firstly, Corel and most Graphic editors have carthesian coordinate system (point [0,0] is in bottom-left corner). On the other hand, SVG has different system with start point in top-left corner. From this, when I have canvas with size 512x512 px and place mouse on it, I see a point coordinates are for example ...


0

I would stick with PNG to be on the safe side. SVG is still not fully accepted by many big internet companies & browsers. Although SVGs are scalable and are vectors they are often unnecessary, take up more space and overcomplicated the website. I hope that answered your question :)



Top 50 recent answers are included