hi , i created a lightning component that previews attachment image. But i want to set a zoom in and out option ,. kindly help,.

code i used
 

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:appHostable,lightning:actionOverride" access="global" >

    <img src="{!'/servlet/servlet.FileDownload?file='+'00P7F000008pGndUAE'}"/>
   

	
</aura:component>

 

I'm new to salesforce,. I created a canvas app using 'Heroku quick start' and java basic template I am able to see the app working using 'canvas app previewer' and in chatter tab,. but i'm unable to see the app working in salesforce lightning,. i used the following code,.

<aura:component implements="forceCommunity:availableForAllPageTypes" access="global" >
    <div class="canvas-container">
        <force:canvasApp developerName="canvas_display" namespacePrefix=""/>
    </div>
</aura:component>


<aura:application >
    <c:CanvasTestComponent/>
</aura:application>