2015-01-02 7 views
6

Я хочу увеличить pdf-файл в iframe на + нажмите кнопку мыши и уменьшите масштаб - вот мой дизайн и C#. Файл, указанный в src, является фиктивным, и я загружаю фактический файл при загрузке страницы.Масштабирование PDF внутри iframe при нажатии кнопки

любой подход подходит для меня, будь то JavaScript, Css, JQuery, serveride .. , пожалуйста, помогите .. заблаговременно.

<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 на ServerSide:

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

ответ

0

Нарисуйте его на HTML5 canvas элемент, и перерисовывать на каждом уровне масштабирования.

Вы можете легко нарисовать свой PDF на элементе Canvas. Ответ here и pdf.js довольно просты в использовании для этого.

Оттуда вы можете увеличивать или уменьшать элемент Canvas, по существу перерисовывать масштабированные версии вашего PDF-файла на вашем элементе Canvas. Будьте осторожны, чтобы не масштабировать Canvas, так как это приведет к тому, что ваш PDF будет выглядеть неровным. Простое перерисовка PDF будет работать нормально.

Смежные вопросы