2015-01-02 6 views
6

Chcę powiększyć plik pdf w elemencie iframe po kliknięciu przycisku + i pomniejszyć - o to mój projekt i C#. Plik podany w src jest fikcyjny i ładuję aktualny plik podczas ładowania strony.Powiększanie pliku PDF wewnątrz elementu iframe po kliknięciu przycisku Kliknij przycisk

każde podejście jest w porządku dla mnie, czy to JavaScript, Css, Jquery, servery .. proszę o pomoc .. z góry dziękuję.

<div style="padding-bottom: 5px; margin-top:1%; width:18%; float:left; text-align:right;"> 
     <asp:Button ID="ZoomIn" Text="+" runat="server" /> 
     <asp:Button ID="ZoomOut" Text="-" runat="server" /> 
</div> 
    <div id="Container" style="float:left; width:100%; text-align: center; padding-bottom: 5px;"> 
     <iframe class="Zoomer" id="iFmManl" runat="server" src="~\sample.pdf" width="100%" height="900px" 
      style="border: 0px inset black; margin-left: 0px;" title="Domain Dictionary"></iframe> 
    </div> 
</div> 

onload na serverside:

protected void Page_Load(object sender, EventArgs e) 
{ 
    iFmManl.Attributes["src"] = FileName + "#toolbar=0&navpanes=0&view=Fit"; 
} 

Odpowiedz

0

narysować go na elemencie HTML5 canvas i przerysować na każdym poziomie powiększenia.

Możesz łatwo narysować plik PDF na elemencie Canvas. Odpowiedź here i pdf.js są dość proste w użyciu.

Stamtąd można powiększać/pomniejszać element Canvas, zasadniczo ponownie rysując skalowane wersje pliku PDF na elemencie Canvas. Uważaj, aby nie skalować samego Canvas, ponieważ spowoduje to, że Twój plik PDF będzie wyglądał w pikselach. Po prostu przerysowanie pliku PDF będzie działało dobrze.

Powiązane problemy