Jump to content

Search the Community

Showing results for tags 'SVG'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Affinity Support
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer
    • Report a Bug in Affinity Photo
    • Report a Bug in Affinity Publisher
    • (Pre 1.7) Affinity Range Bugs Forums
  • Beta Software Forums
    • Affinity Designer Beta Forums
    • Affinity Photo Beta Forums
    • Affinity Publisher Beta Forums

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 373 results

  1. Hello, I'm trying to export a vector image to SVG and Designer generates an SVG file with a JPEG image on it. The content of the file looks as: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:1;"> <use id="icon" xlink:href="#_Image1" x="0" y="1.026" width="32px" height="30.214px" transform="matrix(1,0,0,0.974629,0,0)"/> <defs> <image id="_Image1" width="32px" height="31px" xlink:href="data:image/jpeg;base64,/9j/....."/> </defs> </svg> I suppose I'm doing something wrong, but I don't what. Can someone help me? Thanks in advance. Patrick
  2. Hi guys, I created a logo with Affinity Designer and then decided to improve it by adding some outer shadow effects to the layers and groups that are part of the logo. I exported the logo as svg file but when I uploaded it to my site the shadows were not displayed and on top of that part of it got blurred. I opened the svg file with Affinity Designer to check whether it was a problem related to my browser or not but it happened the same. Then I checked that by deselecting the outer shadow effects the problem disappeared. Do you guys know anything about it? Probably I am doing something wrong. I am relatively new on graphic design. Find attached some files for more information. Many thanks in advanced! logo-design.afdesign
  3. Hi guys, I have been exporting as svg with Affinity without a problem until today. I installed some new fonts today, and after exporting the svg and viwing it into the Firefox/Chrome, the fonts look different from the ones I used, even though if I inspect the text it's actually the correct font. This problem is only in browsers, if I open the svg with Affinity the font displays correctly. Is this a browser problem, a font problem, or an Affinity problem? Thank you, Chris
  4. I have recently become aware of the ability to animate SVG (Affinity Designer) for the web. There are applications coming out that make it really easy, however, the file size is a serious problem if you intend to have your work in a web page as Affinity does not offer the reduction of file size. Here is a youtube video I made on 09/03/2018. It is impressive what one can achieve. This is a concept for a web homepage. If you look closely there is some really subtle animation. The balloon has a flame which gets turned on and off to make it rise, the balloon also changes size in that as it moves away into the air it gets smaller. The clouds in places are semi-transparent. Also, the sun has a haze around it which disperses as the sun bets higher in the sky. All these really subtle changes make for huge file sizes. One online SVG animator which is still in beta is svgator.com which is free but limited. I have included a file of a puppy wagging its tail and turning its head which I animated in svgator. Just drag the (1A 76 questioning puppy.svg) file onto a web browser and it will automatically play and is on infinite loop. You have to export the files as an SVG from Affinity Designer and then upload that file into the svgator system. The head, body and tail have to be different and separate files to be able to animate them: i.e. the head would be nested in affinity designer the body would be nested and so would the tail. Exported as SVG and then imported to your animator of choice and there are many out there some free. 1A 76 questioning puppy.svg
  5. Here’s a very quick tutorial that requires no images and may help others who use Affinity Designer with ZBrush to import vector/ svg shapes for extrusion. To bring in an SVG file to ZBrush’s Text 3D & Vector Shapes Plugin successfully I.e with no stretching of proportions and other potential issues….. 1, Make sure your document's porportions within Affinity Designer is square 2, If you didn’t create your vector shape in a square document - copy it and past it in to a newly created square document. NB: How the pasted shape is aligned is of no importance to ZBrush, nor is it’s size within the square document. 3, Select your shape in the document > now export your SVG >File > Export , using the preset SVG (for export) , Area = Whole Document. 4, Import in to ZBrush> ZPlugin> Text 3D & Vector Shapes>New SVG et voila. All should be harmony and joy. (At the time of writing using Affinity Designer 1.6 & ZBrush 4R8)
  6. I just noticed that Designer can't export native SVG effects such as shades and instead rasterises them. This is a bit of a problem, as SVG icons in my experience are one of the best ways to keep icon sizes small and at the same time ensure scalability. SVGs that include raster images unnecessarily increase image size. I have been using other vector applications (but no Adobe solution) far less powerful than Designer. They can all properly handle SVG effects, so I was surprised to discover that Designer cannot. It seems to me that improving Designer's SVG export capabilities would be a desirable goal, especially for designers working on web related projects. Best regards, FF
  7. I produce many SVG graphics in R, mostly fairly simple scatter and line plots. I generate them using the ggplot2 package and save them in the SVG format with the ggsave function. The graphics display correctly in the Mac Finder's preview pane and in a web browser, but when opened in Designer, all line elements (plot axes, tick marks, bar and point borders, etc.) have their stroke set to 'None'. Text renders correctly but I have to select each line element in the Layers pane and set the stroke to the correct value. This of course is tedious and time consuming. Any ideas as to why this is happening?
  8. Hi everyone, I seem to have encountered a situation where an svg image that I've created in Affinity Designer is rendered differently, depending on whether I open it on a Mac (which is the platform I'm using Designer on) or a Windows PC. I'll attach two screenshots showing the difference. You'll note that the letter "S" in one screenshot (taken from the Windows PC) appears to have gone for a little wander. And this remained so, seemingly regardless of the Windows application I opened it in (I say "seemingly" because my tests weren't exhaustive, but I tried multiple browsers, at least). Perhaps it's worth mentioning, too, that I only purchased Affinity Designer yesterday (again, that being the Mac version), so it could be that I'm missing something, but if so, it's not plain to me where I might have gone wrong. And indeed, nothing would have alerted me to the discrepancy had I not been switching between Mac and PC. Anyhow, by all means let me know if I can provide more information. But at first blush, it does seem to be something of a bug. Denis PS: Also, if it helps, I was able to repeat the problem (ie, by exporting a fresh svg). And when I then tried exporting the image as a png file instead, the problem was resolved (ie, the "S" was aligned properly on my Windows PC).
  9. It would be great if you could have more control over svgs when exporting. The big things that are missing for me are: 1: convert all fonts to outlines 2: control if layer names are used as ids or classes 3: styles inline or internal 4: link or embed images
  10. I am trying to export a simple icon as an SVG image. The image has a bit of a shadow around it. Affinity does manage to export it, but when I check the code, it generates a bitmap of the shadow instead of implementing it via SVG, which is what one would expect. I looked around to see weather there is some way to change this behavior, but I couldn't find any helpful information. Did I miss something? Help would be very much appreciated. -Franco
  11. Greetings! I found a beautiful set of playing cards in SVG format @ http://svg-cards.sourceforge.net/ that I want to work with. However, when I try to bring it into either Designer or Photo, the results are, let's say, a bit less than desirable. Here is a screenshot of how it looks in Designer: As you can see, the layers are there, but the layout is completely unworkable. What am I doing wrong here? How can I bring them in so I can edit them? If we can bring them into Designer, is there an easy way to export them out as separate image files, one for each card?
  12. There are some black artefacts on SVG open agile.svg
  13. I am tryingto open an Illustrator File into Designer. it is this template file from a print shop. It seems fine in Illustrator. 3.5X2-SMART-V2.ai. When I bring it into designer is not working out: As Ilustrator into Designer: As SVG 1.1 into Deigner: As Svg 1.0 I can’t figure it out>. Any one Smarter can help me>>>. 3.5X2-SMART-V2.ai I don’t what to do!!
  14. In this tutorial I will demonstrate the option Copy items as SVG in Affinity Designer 1.6.0. I use this function often to animate SVG with CSS keyframe animations and some JS in HTML. Just like this example which is a GIF (SVG is not allowed because of it's security issue). You can watch the original SVG file here. Keep on drawin' Norbert
  15. Vector files exported by AD are at least twice as big as the same file exported by Adobe Illustrator. I've just now exported a logo: 28.108 bytes with AD ("SVG for web"), 15.365 10.663 bytes with AI. (Updated: Smaller file had display errors) Small files sizes are IMHO still important when exporting graphics for the web... Can we expect improvements in this case?
  16. Hi, I have a graphic that uses graphic-text (the icon A) with the Google Font "Lobster". I export the graphic as SVG and use it inside a web-page (see first two graphics at http://test.saphirion.com/nlpp.html ) The problem is, that the lobster font isn't always displayed. The web-page itself loads the lobster font-family with: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> But it seems this isn't carried over to an SVG element in a web-page. Further, it seems that the correct way to use a special font in an SVG element is: <defs> <style type="text/css">@import url('http://fonts.googleapis.com/css?family=Lobster');</style> </defs> But how do I get this into the exported SVG of Affinity? I don't want to post-process the files.
  17. Hey guys, Does anyone know if Photoshop 2017 can open svg text as editable text? I really hate Photoshop, I really love Affinity, but I still need some way to provide psd files to some of my clients. So I noticed that if I export text as SVG from Affinity, I can keep it as text, and if I inspect it in any browser, I will get the exact info of the font ( font family, size, color, weight, style, line heights, everything). Can I import such a SVG containing text into Photoshop 2017 and see it as editable text in Photoshop? Did anyone try this? I would pay like an idiot for a Photoshop license monthly just for that, and that will make me hate Photoshop even more
  18. Friends Sometimes exporting a project to SVG results in errors in the resulting file, so when those files are reopened in AfDesign some text disappears or is transparent, or the like. Attached original file and error file.... Help Logo Toledo 2018 30.afdesign Logo Toledo 2018 30e.svg
  19. I would like to know what is the difference between exporting an SVG in the different Designer options. For example: SVG (for the web) SVG (to export) SVG (coupled) (I'm sorry if it's not well written, I have AD in Spanish.) And what do you recommend, please? Thanks
  20. Hello, I created many contours with affinity designer. A very nice program! Now I have a problem: If I export a group in svg-format, I can see the svg with this web-browsers: Chrome, IE, Firefox But scaleing the svg is not possible with chrome. I think the matter ist chrome but perhaps anyone has a solution for this problem. thanks michael
  21. I would like to export the same resolution in document in SVG. How do i do that or there is no option that can do it. Rasterizing ruins its (attached photos) background.svg
  22. Free Windows Explorer codecs to enhance graphic design related file management. SVG codec / viewer for Windows Explorer. Supports 32-bit and 64-bit, Windows 7, 8 and 10. SVG Explorer Extension - Download SVG Viewer Extension for Windows Explorer v0.1.1 https://svgextension.codeplex.com/releases/view/118790 SVG file management enhancement. Adobe developed, ISO proposed, open source format for camera RAW file standard. DNG codec / viewer for Windows Explorer. Supports 32-bit and 64-bit, Windows 7, 8 and 10. Adobe DNG Codec 2.0 http://www.free-codecs.com/adobe_dng_codec_download.htm DNG camera RAW file management enhancement. I hope these facilities enhance your productivity and workflow.
  23. The reason is because AD assigns a width and a height to the SVG of "100%". Firefox does not allow % for width and height in a canvas. I found this info on a stackoverflow question: https://stackoverflow.com/questions/38106906/canvas-drawimage-inline-svg-doesnt-work-on-firefox After removing the %, it worked. And even the w3schools's article on SVGs does not include a % or any other unit: https://www.w3schools.com/html/html5_svg.asp Chrome renders it just fine. Again, this is for canvas only. Firefox will render the SVG as is just fine when it's simply pasted into some HTML. But if you try to render it in Firefox inside a canvas, it does not render the SVG.
  24. Autodesk Fusion 360 uses the svg format to import shapes created in vector software such as Adobe Illustrator I tried the same procedure from Affinity Designer but I do not get any results !!! Basically it does not matter you can not see anything. Do you have a suggestion? Thank you Fabio
  25. Hello! I am playing around with SVG images for the web and came across something I think could be made better about exporting those SVGs. As I opened the files in a text editor to see how it was written, I saw that the circle strokes are exported as paths instead of using circle tag attributes such as stroke and stroke-width. Maybe it would be better to use these to reduce the size of the exported files? Thank you :-)
×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.