スケールSVG snap.svg使用

Question

私はすべてのsnap.svg

こんにちはを使用することにより、スケールに、いずれかのdivでそれをラップすることにより、SVGを取得したり、その幅高さを変更しようとしている必要がありフィドルhttps://jsfiddle.net/95sqchoo/

Iパスがsvgに追加され、そのパスがsvg内で拡大縮小されます。ビューポートの追加

はviewBox値を設定すると、SVGのスケールを作るのに十分であるもの

var s = Snap('#svg') 
var path = s.path('m78.95998,72.09938c-14.78655,5.14428 -46.79804,-6.55764 -52.51163,-21.83775c-7.47018,-19.97898 7.4647,-37.90911 25.30962,-44.25391s61.60102,-6.8391 85.76581,22.53791s-7.92264,69.82076 -44.90485,73.07832c-34.70821,3.05718 -90.12087,-18.83796 -90.11891,-49.58309') 

var bbox = s.getBBox() 

s.attr({ 
    width: bbox.width, 
    height: bbox.height, 
    preserveAspectRatio: 'xMaxYMax', 
    viewport: `0 0 ${bbox.width} ${bbox.height}` 
}) 

Answer 1

を変更していないようです。

var s = Snap('#svg') 
 
\t var path = s.path('m78.95998,72.09938c-14.78655,5.14428 -46.79804,-6.55764 -52.51163,-21.83775c-7.47018,-19.97898 7.4647,-37.90911 25.30962,-44.25391s61.60102,-6.8391 85.76581,22.53791s-7.92264,69.82076 -44.90485,73.07832c-34.70821,3.05718 -90.12087,-18.83796 -90.11891,-49.58309') 
 

 
var bbox = s.getBBox(); 
 
var viewBox = bbox.x+' '+bbox.y+' '+bbox.width+' '+ bbox.height; 
 
    s.attr({ 
 
    viewBox: viewBox 
 
    })

<svg id='svg'/>