Tag Info

New answers tagged

0

SVG is made for two-dimensional graphics with support for interactivity and animation and it could support raster and vector graphics--wiki. so it is preferable before exporting SVG from Illustrator is to help illustrator to simplify the artwork by flatten your 3D Artwork as well as any masks/transparencies you made in your logo.


1

Looks like the link Ian Dunn posted might be your ticket. Here's an excerpt from that page: In the SVG export options, I select Style Elements, and I select the Include Unused Graphic Styles option. It will declare sandStyle and blueSky as CSS styles in the SVG document. Here is the SVG output generated by Illustrator CC: <style ...


1

In the current version of Inkscape seems not yet possible to embed SVG fonts (see also here a little example). In 0.48 Release Notes: There is a known limitation where the list of glyphs in the dialog are not yet rendered in the selected font, but still in the system font In 0.47 Release Notes there is a more detailed explanation of the limitations: ...


1

Actually this is a known "wontfix" bug with Firefox not fully supporting SVG fonts. Once WOFF2 becomes fully supported, Firefox will render SVG font outlines embedded in an OpenType-flavored WOFF 2 font. At least that's the idea. Learn more here: https://bugzilla.mozilla.org/show_bug.cgi?id=119490


0

You can actually export them directly to SVG through Photoshop itself through 'Extract Assets' dialog. Just select each layer or group that would be an SVG and right click on them to click on 'Extract Assets…'. This only works in the latest Photoshop CC release though (and I work on this dialog at Adobe). Would that help?


1

You can also export the file to Illustrator paths if you have a lot of shapes to convert by going File > Export > Paths to Illustrator.


2

If they're created as shapes in Photoshop using the pen tool you should just be able to copy paste them into Illustrator. I've created my own fonts the same way in Illustrator using fontastic.me Just create a new illustrator doc and paste each character into a new layer. Save each character as an .svg and then import them all into Fontastic. Sometimes ...


0

It looks like some of the characters in your file name are being turned into their unicode representation. For example, the character '3' in unicode is '\x33', and your corrupt file name shows'x33'. Also, '(' in unicode is '\x28', etc, etc. This seems to not be coincidental. I don't know what operating system you are running, but maybe you can check ...


1

I've often created vector art (using Chinese characters) in Illustrator, and then "saved it as a SVG" to copy and paste that SVG code into an HTML document. Perhaps you could type the text that you want to use in Illustrator, convert the text to paths, distribute the circles along those paths, and then export it as an SVG. You can copy and paste the ...


4

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.


5

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.



Top 50 recent answers are included