New answers tagged

2

Width and height are only relevant when viewBox is set. Without that attribute you can safely delete width and height. It'll always display at the scale it was drawn at. If a <rect> was set 10px wide 20px high it'll display at that scale 10x20 with or without width or hight when no viewBox is set. If a viewBox attribute is set you can use the width ...


1

Someone answered me on another forum, so I'll put the answer here as well in case anyone else is looking in the future. Creating a compound path should output a single path within your SVG code. Select your elements and then Object → Compound Path → Make. Keep in mind this requires your entire SVG to be just one color.


1

If I understand the problem, there are several ways to do this: Enable the "Snap to page border" snapping option, then just drag the object towards the corner With the object selected, you can manually set the X and Y coordinates from the toolbar With the object selected, press Ctrl+Shift+X to open the XML editor and change the X and Y manually


0

It's best practice to convert all fonts into outlines when exporting to SVG, otherwise the font has to be installed on the users OS. As Proxima Nova is not included in any OS font library, the browser uses a different standard font family. Only a few browsers support SVG fonts (see here), thats why it will show a different font even if you have Proxima Nova ...


2

When you import a vector file into inkscape, it comes in as a group of vector objects. Thus resolution isn't an issue. I do this a lot for graphs from origin and python/matplotlib. This is easy to check - -click on a curve in your graph and select the "edit paths by node" tool (F2) - you'll be able to edit the nodes. Auto-updating would be nice, but I ...


2

As covered in this SO post, you should use vector-effect="non-scaling-stroke" to keep the stroke width the same regardless of the scaling. Updated demo


2

File -> Save As, Format SVG, Save Click on the SVG Code button. This should open a new window in a text document.


0

I think it's better to post this question on Stack Overflow, since it's more programming related svg than graphic design. There are 2 ways to achieve this: 1. Merge all elements to one document and layer (Illustrator will recalculate all classes) 2. If you don't have too many objects, try find & replace the class names for each element example: ...


0

I work with SVGs a lot, as I'm a web designer. If I want to maintain the shape (font style) of my text, I open Adobe Illustrator, write what I want and 'Create Outlines' out of it. It's not that time consuming, just make sure you copy the text before Outlining it to keep an editable version.


0

If you've done anything to the text, such as apply layer styles or you've made it raster, you won't be able to import your text. The best option would be to recreate it in illustrator. Photoshop is not designed to produce SVG's, and SVG's shouldn't contain images.


0

Select the shape then go to Object > Expand > Select Fill & Stroke > OK


2

The XML used for an Android VectorDrawable resource is specific to Android and therefor not something you will easily be able to export from any general image editing software. You have a number of options. Android has Vector Asset Studio, with which you can import an SVG file to and export the XML resource you need. SVG to VectorDrawable Converter is a ...



Top 50 recent answers are included