SVG files not rendering in Muse

Question

When I place SVG files into Muse they do not render. I get a spinning wheel and the message 'Unable to generate thumbnail', however the image doesn't show in preview either. I have tried with files I have made myself from Illustrator and also tried files downloaded from the Katies Coffee tutorial. Any ideas?

Answer 1

There are multiple issues at play here:
1. The use of a slow IP by Muse's preview server resulting in the rendering of the SVG timing out and failing to draw. We believe we have a fix for this issue, for a future release, involving sorting the available IPs by their relative speed. Some people have worked around this issue by turning off Internet Sharing or using an Ethernet connection instead of a Wireless connection to the internet.
2. Muse does not allow Placed or Pasted SVGs to be resized smaller than 20x20px. This issue will be resolved in a future release, but can be worked around by importing the SVG as a Fill on a Rectangle and choosing a Fitting of "Scale to Fit."
3. A min height getting erroneously set on Placed/Pasted SVGs after attempting to resize. The effect of the erroneous min height problem is that it prevents a tight fitting height and at design time, a dashed line can be seen at the bottom of the graphic. This issue will be fixed in a future release.
4. Muse currently allows Placed and Pasted SVG to be resized, but not scaled. The only time that SVGs get scaled is if you import them as a background fill and set the fitting on the container to "Scale to Fit" or "Scale to Fill." If you Place or Paste an SVG, then changing the dimensions is not a scaling operation but a resize. A scaling operation is equivalent to putting a lens over the object. In a resize operation, the browser is given the new dimensions within which to render the SVG and the drawing operations within the SVG are executed, allowing the SVG to crop or behave responsively depending on the options chosen when creating the SVG. Typically, the result is that the SVG is scaled and centered to fit within the new dimensions, adding padding to the sides when necessary but sometimes it results in a cropped graphic - it all depends on the options chosen when creating the SVG and potentially how the browser has chosen to implement its support of SVG. Perhaps in the future we'll change the handling of these Placed/Pasted SVGs such that a resize gesture will result in a true scaling.