2015-01-02 16 views
6

Tôi muốn phóng to trong file pdf trong một iframe trên + nút bấm và thu nhỏ trên - ở đây là thiết kế và c của tôi #. Tập tin được đưa ra trong src là một giả và tôi đang tải các tập tin thực tế tại tải của trang.Phóng to PDF bên trong một iframe khi nút bấm

mọi cách tiếp cận đều tốt cho tôi dù đó là JavaScript, Css, Jquery, serverside .. hãy giúp .. cảm ơn trước.

<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 trên serverside:

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

Trả lời

0

Vẽ nó trên một yếu tố HTML5 canvas, và vẽ lại ở mỗi cấp zoom.

Bạn có thể dễ dàng vẽ PDF của mình trên phần tử Canvas. Câu trả lời herepdf.js khá đơn giản để sử dụng cho việc này.

Từ đó bạn có thể zoom-in/zoom-out các yếu tố Canvas, về cơ bản lại vẽ phiên bản thu nhỏ của file PDF trên yếu tố Canvas của bạn. Hãy cẩn thận không chia tỷ lệ Canvas vì điều này sẽ khiến cho PDF của bạn bị tìm kiếm pixel. Chỉ cần vẽ lại PDF sẽ hoạt động tốt.

Các vấn đề liên quan