SVG Cambio de tamaño dinámico

¿Alguien sabe que puedo cambiar dinámicamente el tamaño de una imagen svg para que quepa dentro de un contenedor? Encuentro que las imágenes que tengo se desbordan. Lo que quiero es una forma de cambiar su tamaño para que no se desborde. Cualquier respuesta es apreciada. También he intentado configurar el ancho y la altura al 100%

Solución del problema

De acuerdo, entonces la forma más fácil de hacer anchos dinámicos es solo proporcionar un valor porcentual para widthor/and height. Puede encontrar mi ejemplo en un violín aquí http://jsfiddle.net/VDKwy/

Entonces, la parte clave es omitir las propiedades widthy heightdel elemento svg, o

<svg width="100%" height="100%"></svg>

Y luego usando el valor porcentual para elementos internos así:

<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />