search

garblovians / react-native-svg-pan-zoom

Pan-zoom via two-finger "Google Maps"-style pinch and drag gestures
MIT License
26 stars 23 forks source link

Larger Svg image become blur after zooming. How I can increase the svg element size instead of max scale, if my svg size is not fix . #9

Open xpertystanalyst opened 5 years ago

xpertystanalyst commented 5 years ago

<SvgPanZoom maxScale={3.5} minScale={0.15} canvasStyle={{ backgroundColor: 'gray'}} viewStyle={{ backgroundColor: 'transparent' }}

<Svg height={"100%"} width={"100%"} viewBox={`0 0 ${tree_maxWidth}    ${tree_maxHeight}`} 
 overflow="visible"                                            
 >
  <G>
   {
     this.state.paths.map((path, index) => (
     <PathLine
      key={index}
      {...path}       
      />))
    }
     {this.state.nodes.map(node =>
       <Node key={node.id}
        data={node}

        />)}
   </G>
  </Svg></SvgPanZoom>
AliMSbaee commented 5 years ago

I have the same issue too