Question of SVG

Similar Questions

• Animation of edge of DPS: always pixelated?

  Hi, people

  I did my first movie of very simple animation with typography in Adobe Edge Previev CS 6.1. Everything is OK, but... I start with illustrator with SVG files. When placed in InDesign (in file *.oam), downloaded (PDF format) with DPS and displayed in the content Adobe Viewer, it is pixelated.

  I know that overlays are generally pixelated but I got the idea (apparently bad?) edge animations have been processed in a different way and that they were not always rasterized.

  So the question is: Y at - it anyway I could place a DPS animation so it's not pixelated. I mean: place a PDF file retains their vector hardeners in DPS and they look great at any size. Is it not possible yet with the animations? (It will never be in a near future?).

  Thank you very much

  Gustavo (detachment of Madrid)

  PS. I want to thank all of you in this forum. This place and its participants is an invaluable resource for learning the DPS.

  It is a bug on board. This message in the forums of edge will on it. http://forums.Adobe.com/message/4287158

  Here is a quote from adobe.

  Hey guys,.

  Sorry for all the questions with SVG. This is a bug we are working on a fix for, thanks for putting in place. It is indeed a huge pain because the whole point of SVG is scale!

  Sarah

• Question for the experts: SVG vs GIF

  Hello everyone

  Lets say I have a website that is filled with a variety of simple and complex, smooth white icons. These icons will be resized in muse where necessary, sometimes they will be with reduced opacity. The site is heavy on Parallax scrolling and fading (opacity) and most - if not all - of the icons will use one or two scroll effects.

  Exporting since illustrator GIFs are sometimes smaller in size than the SVG.

  The target audience is supposed to be decent and updated computers for example, IE 8 and below not relevant. Assume that all users have a browser able to handle SVG and parallax.

  What is better or easier for the browser? SVG of GIFs? even if the size of the GIFs is reduced?

  renders SVG quite complex (several anchor points) 'harder' than the GIF?

  No reason to prefer not SVG except for worms backward compatibility with older browsers/machines?

  What would be the best practice here?

  Any discussion/advice greatly appreciated.

  Jorge Vallejo

  First, GIF should be avoided in favour of PNG: a well optimized PNG is always smaller in file size and also offers several options of quality (for example more than 256 colors which allows to GIF). The problem is that Adobe products cannot achieve this without jumping through a LOT of hoops. More information below.

  This is a bitmap - SVG performance comparison:

  (1) SVG files should be drawn & rendered in the browser. This means that the xml data must be read, interpreted and displays - which is much slower than a bitmap. A png must still be uncompressed, which does not take a lot of processing power. Make an SVG, it is much slower (incomparably slower depending on the complexity).

  (2) bitmaps are usually hardware accelerated (via the GPU), a number of operations of svg is not. For example, I believe that css transforms for SVG is not hardware accelerated and so very slow animate with this method.

  (3) some old browsers have trouble made a lot of individual objects of SVG. For example, only in March 2014 this problem was solved in Firefox.

  (4) svg performance depends heavily on the specific browser as well. Take this test:

  http://jsperf.com/D3-SVG-opacity

  It runs faster on opera and IE 11 on my system! Firefox is terribly slow.

  (5) the SVG rendering is much slower on mobile platforms. Unless very simple, convert png files.

  Now, regarding your files: a size to 500Ko SVG is a LOT - and then you mention that you will have more files SVG from less then 100 KB up to more than 200 KB. My question would be what kind of chart, they will be on your page: background graphics, icons,...?

  In addition, SVG images produced by the Illustrator can (should) be optimized. A good tool for this is SVGO: svg/svgo · GitHub a Visual version can be downloaded at svgo/svg-gui · GitHub

  A few items must read:

  http://CSS-tricks.com/using-SVG/

  http://jaydenseric.com/blog/how-to-optimize-SVG

  http://kylefoster.me/SVG-slides/#/

  If you do a lot of animation, and there are a lot of other things happening in a page, then PNG is the way to go. SVG is preferable for icons and graphics simple logo. Developers of games using Flash always convert all their vector files into bitmaps for much better in Flash!

  Now to my second point: Adobe Save for Web function is catastrophic for the optimization of png. Yes, there are Photoshop techniques to improve optimization of PNG images, but it takes a lot of effort:

  http://www.smashingmagazine.com/2009/07/15/clever-PNG-optimization-techniques/

  PNG Optimization Guide: more intelligent Techniques - Smashing Magazine

  And even after all that work, again, you cannot export a PNG image with a color palette limited with total transparency in Photoshop or Illustrator. It is important for the size of files: especially Muse Web sites tend to be so inflated that they take a lot of time to load up - and there's really no reason for this if you optimize your graphics properly.

  To optimize PNG files, use the quantifier of color:

  Color quantization

  I can't live without this small tool (freeware) - you have to start up your mac in Windows mode just to use CQ to optimize your png files. It supports automatically optimize your png files, reducing to a minimum - compared with the standard backup of Photoshop for the Web disaster, files are at least 50% smaller file size or more. And it includes a very simple to use quality mask brush that allows areas of control/fix which can be annoying when the reduction of the number of colors.

  That said, it really depends on the type of chart, that you intend to put at your disposal. Could you post some examples?

• Export to SVG: Textpath beginning offset questions...

  Simple example:

  I draw a horizontal line of 1000px in illustrator CS5, put a text on the path and drag the 250px starting point.

  Illustrator translated the "startOffset" - attribute of the node text something about 32% rather than the planned 25%.

  Also, and as expected, when displaying SVG in Firefox or any browser that support the position of the text is not the same as in illustrator.

  Anyone know the reason for this behavior or if it's a bug? Otherwise, there is workaround to get the text correctly positioned in the SVG?

  Thank you very much for your help!

  Best regards

  Sam

  Found a solution:

  If someone has the same problems:

  http://StackOverflow.com/questions/14605511/Illustrator-to-SVG-how-is-StartOffset-for-text path-calculated/14706503 #14706503

  Good luck

• SVG filter question Gaussian blur

  

  This deviation from filter is set to 10, and given that the blur radius is too large, it just cut. I guess you have to increase the forms include, but are not actually increase the size of the form. Don't know how to do it well. How can I fix?

  Thanks for the reasoning. I was curious to know why.

  The SVG feGaussianBlur filter is infamous for having had this problem when the canvas is not set large enough. The downside is that Illustrator does not exactly work plans in the same way as the SVG canvas. Thus, in order to stop the edges are cut off, you will need to add code to the SVG filter. I read that doing so may have a performance impact, but it will allow you to bypass the edge clipping.

  I used the filter of default AI_GaussianBlur_7 on the circle on the left. The right is the same filter, but with an additional code applied to set the area of the circle design.

  

  The code after the code in the first line of the filter. "What I found online to help someone else who has problems, it is: x ="50% "y =" 50% "width ="200% "height ="200% ".

  The full code I used is:

  You can play with the values to find something that works for you, but at least this will put you in the right direction.

• By clicking on a link vs type the link into the address give different outputs SVG bar.

  I have a web application that uses SVG to render. There is a problem with degraded SVG rendered when I type the URL of the application that does not occur when I browse the site via a bookmark.

  If you go to https://www.draw.io?ff=1 , you will see the correct result, an SVG rect with a gradient background. If you manually type this URL, the filling will fail.

  I tested on FF 3.6, 18, 29 and 31 on Windows 7, OS X 10.9 and Linux Mint 17, they all show this behavior.

  I found this thread maybe be linked and I have tested in safe mode with disabled cache and it does not help: https://support.mozilla.org/en-US/questions/1005522?esab=a & as = aaq

  We have solved this problem, the problem is the way we have redirected to https using window.location.protocol. We are now using window.location.href and it works.

• SVG memory leak

  First the necessary info:

  Dev environment:
  -Eclipse 3.4.1 + Plugin JDE 1.0.0.67
  -Components packs: 4.2.1.17, 4.3.0.16, 4.5.0.16, 4.6.0.19, 4.7.0.46, 5.0.0.14
  -J' I alternate between 4.6 and 5.0 for the most... to reach 5.0, 4.6 for compatibility (and the 9000 is the only device that I have access to)

  Test environment:
  -Device 9000, 4.6.0.303
  -9000 Simulator, 4.6.0.266
  -Simulator 9550, 5.0.0.334
  - and other sims for different levels of the BONE, but the 3 above are my main tools

  My first discovery I had a big memory leak in my SVG code came when I discovered that each successive performance of my application took longer to go beyond my splash screen:

  361
  391
  40 s
  591
  96 s
  88 s
  269 s
  240 s

  Start the application, the startup screen, time and once the main screen opens the output.  Repeat and save the result as above.  4 minutes of the start screen is a little disturbing... of course when the projection indicates the icon rotation GC in the center of the screen, we see.  At first, it looks like FULL GC, then it starts to become longer and more which leads me to believe that we are entering the GC of emergency.

  First question: when an application calls System.exit (0), shouldn't all its memory be recovered?  What the purpose of the virtual machine?  I watched the videos LMM both GC, and I think the only point of disorder is to deal with PersistantObjects and yes I use those and I may have a leak in there, but he can't explain 10 MB of RAM to chew up and not recovered by the GC.

  So I narrowed down it to a single call in the SVG land... I think the Plazmic media engine behaves pretty badly...  Or I do not understand this methodology SVG as well as I should.

  Here is a sample of soft that will consume all memory on a device and end with an exit from exception memory.

  Second question: what's wrong with this code?  (I believe that this will trigger a GC of emergency late... before the OOM exception)

  package SVGMemoryLeak;
  
  import javax.microedition.m2g.SVGImage;
  import javax.microedition.m2g.ScalableGraphics;
  
  import org.w3c.dom.Document;
  import org.w3c.dom.Node;
  import org.w3c.dom.svg.SVGElement;
  import org.w3c.dom.svg.SVGSVGElement;
  
  import net.rim.device.api.system.Backlight;
  import net.rim.device.api.system.Display;
  import net.rim.device.api.ui.Graphics;
  import net.rim.device.api.ui.UiApplication;
  import net.rim.device.api.ui.container.MainScreen;
  
  public class MemoryLeak extends UiApplication {
  
      public static void main(String[] args) {
          MemoryLeak leak = new MemoryLeak();
  
          leak.enterEventDispatcher();
  
      }
  
      public MemoryLeak(){
          pushScreen(new svgScreen());
      }
  
      class svgScreen extends MainScreen implements Runnable{
          protected static final String SVG_NAMESPACE_URI = "http://www.w3.org/2000/svg";
          protected static final String XLINK_NAMESPACE_URI = "http://www.w3.org/1999/xlink";
  
          private SVGImage image;
          private Document doc;
          private SVGSVGElement svgTopElement;
          private SVGElement svgGroup;
          private ScalableGraphics scalablegraphics;
          private int h;
          private int w;
          private int counter=0;
  
          public svgScreen(){
              super();
  
              scalablegraphics = ScalableGraphics.createInstance();
              image = SVGImage.createEmptyImage(null);
              doc = image.getDocument();
  
              w = Display.getWidth();
              h = Display.getHeight();
              image.setViewportHeight((int) h);
              image.setViewportWidth((int) w);
  
              // Get our root svg element.
              svgTopElement = (SVGSVGElement)doc.getDocumentElement();
              svgTopElement.setFloatTrait("width", w);
              svgTopElement.setFloatTrait("height", h);        
  
              svgGroup = (SVGElement)doc.createElementNS(SVG_NAMESPACE_URI, "g");
              String color = "#4444ff";  //blue
              svgGroup.setTrait("color", color);
              svgGroup.setTrait("stroke", color);
              svgGroup.setFloatTrait("stroke-width", 2);
              svgGroup.setTrait("fill", color);
              svgGroup.setFloatTrait("fill-opacity", 0.25f);
  
              svgTopElement.appendChild(svgGroup);
  
              //start the animation...
              UiApplication.getUiApplication().invokeLater(this, 50, true);
          }
  
          protected SVGElement NewCircle(float x, float y, float r) {
              SVGElement e;
  
              e = (SVGElement)doc.createElementNS(SVG_NAMESPACE_URI, "circle");
              e.setFloatTrait("cx", x);
              e.setFloatTrait("cy", y);
              e.setFloatTrait("r", r);
  
              return e;
          }
  
          protected SVGElement NewText(String t, float x, float y){
              SVGElement e;
  
              e = (SVGElement)doc.createElementNS(SVG_NAMESPACE_URI, "text");
              e.setFloatTrait("x", x);
              e.setFloatTrait("y", y);
              e.setTrait("#text", t);
  
              return e;
          }
  
          private void update(){
              //remove old SVG Elements
              Node node = svgGroup.getFirstChild();
              while(node!=null){
                  //This is where I think it leaks...
                  svgGroup.removeChild(node);
                  //How do I reclaim the memory when I discard this node?
                  node = svgGroup.getFirstChild();
              }
  
              ++counter;
  
              //Put on some new elements...
              //Circle animation (it grows in radius 0->99 px)
              svgGroup.appendChild(NewCircle(w/2,h/2,counter%100));
  
              //Add some text
              svgGroup.appendChild(NewText("demo",100,100));
              svgGroup.appendChild(NewText("demo",100,h-100));
              svgGroup.appendChild(NewText("demo",w-100,100));
              svgGroup.appendChild(NewText("demo",w-100,h-100));
  
              //Rotate the scene about the center of the screen
              int rot = counter%360;
              svgGroup.setTrait("transform", "rotate("+rot+" "+(w/2)+" "+(h/2)+")");
          }
  
          public void paint(Graphics g){
              update();
              scalablegraphics.bindTarget(g);
              scalablegraphics.render(0,0, image);
              scalablegraphics.releaseTarget();
          }
  
          public void run() {
              //cause a repaint...
              invalidate();
  
              //Keep the back light on... it takes a while
              //(~5 minutes for it to run out of memory on the 9000 simulator)
              Backlight.enable(true,20);
  
          }
  
      }
  
  }
  

  FYI - I found a method to recover the memory of a deleted... node remove all references to the doc of the mother and the image.  Or rather, to create a new DOM and throw the old one.  Churn within a single doc will flee until it fails... If you need to remove something from your doc, SVG, it is best to recreate from scratch without the thing you want deleted.

  Is not ideal, much slower, but it does not leak.

• SVG or PNG? Who is today's standard?

  I hope it's OK to do - I would like to do a survey of all kinds. While learning Web design, the standard was PNG/JPEG or GIF formats. However... getting into the mac, with screens retina... and you can run into problems of clarity. It was then that I discovered SVG. So my question is, is there a time and a place for SVG or that must now be the norm, when it is possible? I'm afraid to record images in SVG, simply because other formats have been drilled in me for so long, that it almost feels wrong to always use the SVG. Almost too easy.

  Obviously, there will always be situations where PNG/JPEG or GIF is the favorite, but should I reformat my way of thinking and always under type or SVG vector images?

  What is your go - to for the WEB vector format:

  • SVG
  • JPEG/PNG/GIF

  So my question is, is there a time and a place for SVG...?

  Yes.  SVG is perfect for logos, icons, shapes, the line drawings & text but you will still need to the PNG or JPG for photos & bitmaps.   Do not try to convert the bitmaps in SVG either.  You'll end up just with bad quality and the huge file size.

  JIVE, the system running this forum, does not support SVG.  More than most online shopping carts, Blogger and CMSs much.   The flavors of the usual image - PNG, JPG and GIF are all you can use.

  I tried to insert inline SVG code in a post from Blogger, but the publisher insisted on the closure of each tag self-closing like this

  wrong and thus do not make properly.  If the systems you use will certainly impact your ability to use SVG.

  Nancy O.

• Share a market to Creative active cloud SVG file

  Hello.

  I'm doing an illustration of SVG and seek to share with all creative cloud.

  Ken you help me?

  I have a student account.

  Last question in the FAQ at the bottom of this page:

  Adobe Creative Cloud market

• Adobe Illustrator uses points as their SVG user unit?

  I've been looking for a while now, but I can't find anything. I noticed that if I save one 10x10mm box created in Illustrator in an SVG, that it has a size of 28x28 user units in the svg. W3C Standard recommends a 35x35 Although the box.

  If I do exactly the same in Inkscape, I get a 35x35 box in SVG.

  After searching for a bit, I discovered that Illustrator works with dots in the background that it converts 1mm to 2.8346dt . (which incidentally is around 3.5433px , as in the W3C Standard).

  So my question is: is Adobe Illustrator use points as their SVG user unit?

  Basic unit of Illustrator is the point (1/72nd of an inch). It is also the actual measure that illustrator arbitrarily suppose pixels (whereas Inkscape takes 90 pixels per inch by default, but provides the user setting in preferences).

  10 mm is 28,347 pt. If you draw a square of 10mm in Illustrator and save it as an SVG, it's why you see 28.347 in the resulting SVG code (which, of course, turns to 28 pixels).

  So while you work in Illustrator to SVG, create your rules of Points (or "Pixels" If you must; it's the same thing in Illustrator) and size the objects according to the desired pixels you want to practice the SVG.

  If you want to work with the value leaders milimeters when drawing in Illustrator and want to have a measure of outcome of 10 mm in 35 pixels when recording as SVG, then before you save the SVG, scale everything to 123.47 percent.

  JET

• SVG showing is not on my screen, but the text it is.

  Hello

  Determined to get this SVG of a logo to display. Don't know what the problem is that I'm not on the screen. In Illustrator, I used "recorded under" and chose .svg. Should I have used 'export' instead? (it's an idea)

  < class header = "header image" >

  < div class = "headline" >

  < div class = "container" >

  "" < img src = "... /IMG/This-logo.svg" alt = "a description on the display" height = "400" width = "400" >

  < / div >

  < / div >

  < / header >

  It is one element of another in the same container, in the background. This is displayed.

  {} .header-image

  display: block;

  Width: 100%;

  text-align: center;

  background: url('.. / img/bg-conception-element.jpg') roll no repeat Center Center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  }

  Thank you.

  Oops. It appears when I did the /img/theSVGfile.svg path

  I'm a little confused but why require some pictures... /IMG/photo.jpg - I thought it was the surefire way when they are in a pictures folder.

  I found myself having to re - the scale of the SVG at several stops a lot of questions from the media during the test on a desktop browser.

  - But it is very crisp and I am happy with it, so I guess it was worth the extra effort.

• Impossible to install the snap-snap-in svg add on

  Hi it is currently trying to export an animation in svg... with the snap-snap-in svg add on as in the tutorial. I had added this although it does not appear as an option when I convert. Y at - it a bug here?

  Someone else, problems with the snap-snap-in svg?

  See you soon

  When you install these custom FLA types, you do this in a web page, and the product gets shipped creative cloud to sync with Animate. If you go to the CC menu and look in the activity stream, you should see one "that you have installed the add-on Animated SVG exporter." If you do not see this, then he is not yet and therefore do not appear in Adobe not animate. If you don't see this message, make sure that you have left and reopened Animate.

  BTW, an add-on that I had yesterday happened yet. Adobe know the question and check into why modules are not getting through.

• SVG viewer agreement

  My company has developed a system of web for one of our customers in order to demonstrate our product. The system runs on the client "intranet".

  The customer access their system using Internet Explorer (IE), internally through their Intranet.

  We would like to ask a question about the license and the conditions on your "SVG viewer" application, that you support is no longer.

  In order to view SVG files built in this system, the customer must install the SVG Viewer plugin software created by your company "Adobe".

  We have some concerns about the use of our customers of this software, we understand that the plug-in "SVG Viewer" is listed as freeware.

  Have read us your contract of SVG Viewer, but are looking to get a better idea of the license and the conditions.

  We would like to know if there is a limit on the number of copies "SVG Viewer" that can be downloaded and installed on independent systems (workstations).

  We understand these files can be viewed in all modern browsers, but the client has not improved their browser at the moment.

  Thanks in advance for any help you can provide to our concerns.

  Saml40247256 you will find details about the interruption of the SVG viewer to Adobe SVG Viewer download area | Adobe Developer Connection.  I recommend you update the images in a format that can be used on current web browsers.  You can find more details about the utilities format and conversion of SVG to Scalable Vector Graphics - Wikipedia, the free encyclopedia.

  The center of development of SVG are SVG Developer Center | Adobe Developer Connection.

• Adobe Illustrator incorrectly called him "Gill without '-police (note the space)"GillSans"at check-in the SVG format.

  This prevents good rendering in FireFox on a hand, maybe more browsers.

  What can we do about it?

  Gill Sans is one - it's the same problem for each font with a space in the name.

  Here is a sample illustrating the question:

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 19.0.0,. The SVG Version: 6.00 Build 0)->

  " < version svg = '1.1' id = 'Lager_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "x ="0px"y ="0px" "

  viewBox = "0 0 950 430" style = "' enable-background: 0 0 950 430 new;" " XML: Space = "preserve" >

  < style type = "text/css" >

  .ST0 {fill: #333333 ;}}

  . ST1 {display: none; fill: none ;}}

  . ST2 {display: none ;}}

  . ST3 {display: inline; fill: none ;}}

  . ST4 {do-family: 'CourierNewPSMT' ;}}

  . ST5 {size are: 63.2038px ;}}

  . ST6 {do-family: "GillSans" ;}}

  . ST7 {fill: none ;}}

  . ST8 {fill: #FFFFFF ;}}

  . ST9 {do-family: 'GillSansMT' ;}}

  . ST10 {size are: 22.2356px ;}}

  .St11 {display: inline ;}}

  . ST12 {display: inline; fill: #FFFFFF ;}}

  < / style >

  < symbol id viewBox = "bt - buy" = "-19, 5-93 186 39" >

  < g >

  < class path = "st0" d="M93-11c0-4.7-3.8-8.5-8.5-8.5h-168c-4.7,0-8.5,3.8-8.5,8.5v22c0,4.7,3.8,8.5,8.5,8.5h168

  C4.7,0,8.5-3.8,8.5-8.5V-11z"/ >

  / < g >

  "< class polygon ="st1"points ="-93,18.5 93,18.5 93,-19,5-93,-19,5 "/ >".

  < / symbol >

  < id g = "Lager_1_1_" class = "st2" >

  < rect x = "78.9" y = "115,4" class = "st3" width = "378" height = "133.9" / >

  / < g >

  < id g = 'SE' >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st4 st5" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st5 st6" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" "overflow: visible;" / > "

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = '280.5' class = 'st7"width ="144.9"height ="21.5"/ >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st8 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "DK" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = 'FI' class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "NL" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = 'FROM' class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < / svg >

  It seems to me that Illustrator uses the PostScript fontname.

  But if I change the fontname in the SVG file to include spaces, it renders fine in FireFox and other browsers that I have installed on my Mac (Safari and Chrome).

  I don't know what is happening with mobile browsers or other platforms, but maybe it's time for a feature request.

  Feature request/Bug Report Form

• Graphics not displaying SVG didn't not when loading uploaded to FTP

  Hi I have generated a site that contains SVG graphics as I have done several times before.

  During the testing phase, I was using the catalyst for business adobe for the customer to see and everything appears perfectly.

  After you download the site so that it hosts the provider of the site does not display the SVG graphics instead they are displayed as question marks.

  I checked all the assets are linked correctly tried different browsers, mobile devices etc and downloaded from the site as a whole several times but the result is the same.

  The only variable seems to be the different hosting server, is it possible that it is disabling SVG somehow? It is not sensible, of course I could convert the SVG to png but this kind defeats the purpose when you want graphics fast strong, if anyone has experience a similar problem I would really appreciate hearing from you me.

  Thanks in advance!

  Hi Gavin,

  I'm not able to reproduce the problem, as it seems to be loading all the graphics.

  If there are old files, please try to clear the directory and re - download a fees of Muse.

  If the problem persists, please let me know what browser do you work?

  Kind regards

  Akshay