Tag Info

New answers tagged

0

Because your size is not exactly 16px. After I changed it to 16 (click once changed 16.00003 to 16, but it does not actually work; you will have to reduce to 15 or 14 and then go back to 16) for the first icon and align horizontally to the artboard and it seems fine for me now. You can take a look at it yourself.


0

Here's an idea: What if you loaded segments incrementally in layers, with each layer defined as a single path? 1. Load segment 1 2. Load segments 1 & 2 on top of 1 3. ... (If you posted the SVG source, it would help answer the question.) UPDATE: Here is a link that may be useful: http://css-tricks.com/animating-svg-css/. Pay particular ...


0

The term(s) you are looking for is/are "Mockup" or "wireframe" or "UI Kit". There are a lot of free vectors available for UI mockups (by device type). Searching the Adobe Creative Cloud App's Assets tab for "UI" turned up a lot of these.


1

Ok, so after over an hour of playing around in illustrator, I found the answer: Create a (inset color here) rectangle and place it at the back. I created mine the same size as my artboard. Then click on each path induvidually, and go Object > Path > Divide Objects Below This will mean that the object below is split into two, one the same as the object/path ...


0

I see it slightly different than @Ryan's answer (but not necessarily more accurate :) ). Since the squares maintain the same vertical height and simply arch left or right, the circles should as well. Using illustrator and applying the same left and right arch (via Object > Envelope Distort > Make with Warp) to the outer circles yields this:


0

Well going off your example: The left most side leads when going left while the right most side drags while going left. So the same should be true for a circular shape, if you want to use the same effect. And of course the opposite for the other direction: Can of course extend more or less based on your taste. Have fun with it.


0

You could use viewBox to accomplish what you want. I don't know if there is a way to do this from within Inkscape, but since SVG is a standard format and there may be another tool that will do the job you want. A quick search for "svg command line tools" revealed some interesting results, including this one for creating CSS icons. A second option would be ...


1

Illustrator uses a CIFS approach to link to font files and data. Illustrator also uses some proprietary SVG attributes to tell Illustrator how to handle these fonts and also how to edit the SVG artwork again. Finally, Illustrator is not really an SVG editor - it's a vector artwork program that happens to export to SVG.


0

Simple web-based tool that lets you changes colors of vector image using raster graphics editor sponk.pl/svg-edit-colors/


0

To load the Google or any other external fornts in SVG file, we have to add the style tag in defs tag as follows: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="246" height="272" xml:space="preserve"><desc>Your description</desc> <defs> <style type="text/css">@import ...


0

Try adding fontfamily inside SVG


0

Add the following after <desc> tag <defs> <style type="text/css">@import url('http://fonts.googleapis.com/css?family=Lobster|Fontdiner+Swanky|Crafty+Girls|Pacifico|Satisfy|Gloria+Hallelujah|Bangers|Audiowide|Sacramento');</style> </defs>


3

This is an issue with the server on which this image is stored. The server is incorrectly telling your browser that it is sending text, so the browser interprets the file as text. Simply save the file using the "Save Page" option, and then open it in the browser from your local disk. You can also use an SVG viewer of editor instead of the web browser.


1

This is just a display issue related to the anti-aliasing algorithm most programs use to display vector graphics. The effect you see is not "real", and for most practical applications it is pointless to try to get rid of it. In printing and in exporting rasters these lines don't show. To prove it, you can go into Edit > Preferences > General... in ...


1

If you want it to animate along the path itself you need to change the d of #fave. It wasn't clear how you wanted to do it, so I changed the initial two values of the Moveto (M) from M102.539,32.054 to M0,0 to get this result which animates it from the right edge. For more information about that attribute, check out this useful article. You should read ...


1

What you are encountering is indeed a bug, which probably originates from the tiled-clones tool regarding lines to be of zero width. And as the distances used for horizontal tiling are based on the width of the object, nothing happens if you tile horizontally. If you tilt your line slightly or take a rectangle instead, the tool works as expected (and it’s ...


0

With Javascript you could loop through the app paths and the points on the path then get the anchor point leftDirection and rightDirection then calculate the tangent angle. Then leave it selected or change the angle there in the loop. Good Luck, -Andy Stone Edit: Sorry, "by looking at the SVG data"... I missed that. Not Sure.



Top 50 recent answers are included