I am sorry to say I think you will only be able
the answer that you're looking for. What is
happening is that you are first generating the SVG
path, then resizing it afterward so the image
(browser.width/100)*10 to get 10%, for example,
and this should work for all sizes of browser
How are you re-scaling the image (i.e. is it a
CSS @media query)? It might be possible to draw
the path after the re-scale, but again I feel this
will need JS as you will need to load the content
after the browser load.
Sorry to answer in opposition to what you have
asked, but unless there is an alternative I think
this is the only way you can do this.