Could I use graphics svg in Adobe Muse?

Question

Hello, I'm looking for is it posible import graphics svg in Adobe Muse.
Thanks and regards

Answer 1

@Nathan – I'm relative new to Muse so bear with me…
I also tried using the width and height controls in Muse to resize after pasting in the SVG code. Didn't work as expected. Rotating the SVG was no problem, scaling was. Maybe there is something in the code I'm using from Illustrator, that is preventing this.
Here some SVG code from Illustrator that is defining width, height, viewBox etc.pp.:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    width="54px" height="50px" viewBox="0 0 54 50" enable-background="new 0 0 54 50" xml:space="preserve">
However, I looked up the SVG documentation at:
Coordinate Systems, Transformations and Units – SVG 1.1 (Second Edition)
and found some ways to scale the SVG. I'm not through with my testing, but it seems, that changing the viewBox parameters could be sufficient to scale the whole SVG graphic.
Or we could use the transform property to get scaling properly. If we enclose the pure graphic code with the g tag, we could use transform like this:
<svg>
<desc>Scales the element enclosed with g to 200% (uniform scaling in x and y)</desc>
<g transform="scale(2)">
<desc>Include the code for the graphic here</desc>
</g>
</svg>
For none-uniform scaling (x and y scaled differently) you could use a second argument in scale() :
<svg>
<desc>Scales the element enclosed with g to 250% in x direction and 300% in y direction</desc>
<g transform="scale(2.5 3)">
<desc>Include the code for the graphic here</desc>
</g>
</svg>
Also possible is the insertion of the title tag like this:
<svg>
<desc>Scales the element enclosed with g to 250% in x direction and 300% in y direction</desc>
<g transform="scale(2.5 3)">
<desc>Include the code for the graphic here</desc>
<title>This is my SVG graphic</title>
</g>
</svg>
So if you mouse over the graphic in the browser you'll get a tool tip what the graphic is about.
Uwe