2017-12-02 5 views
0

나는 모든 snap.svg스케일 SVG snap.svg 사용

안녕을 사용하여, 규모, 하나 DIV에 포장하여 SVG를 얻거나 너비 높이를 변경하는 것을 시도하고있다 바이올린 https://jsfiddle.net/95sqchoo/

I svg에 경로를 추가 한 다음 svg 내에서 해당 경로를 확장하도록하고 싶습니다.

뷰포트를 추가하는 것은 viewBox 값을 설정 아무것도

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}` 
}) 

답변

0

SVG 스케일을 만들기에 충분하다을 변경하지 않는 것 같습니다.

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'/>