Image SVG coupée lors d'un zoom

Bonjour à tous,

J'ai un petit soucis avec mon image SVG, j'ai réussit a gérer l'évènement de la molette de la souris qui permet de zoomer et dézoomer en manipulant les deux derniers attributs de la viewbox: viewBox="350 -50 900 900" .
Cependant lorsque le zoom deviens trop important mon image commence a être coupé sur les côtés et en hauteur... J'aimerais savoir si vous savez quels élément modifier pour éviter que mon image soit coupée...

Merci d'avance =)

Voici les deux fichier, le fichier javascript et le fichier .xhtml