狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

簡便實用:在 ASP.NET Core 中使用GrapeCity.Documents.Pdf實現 PDF 的加載與顯示

freeflydom
2024年1月27日 9:7 本文熱度 811

前言

在Web應用開發中,經常需要實現PDF文件的加載和顯示功能。首先說明,該插件是收費的

實現步驟

1)在服務器端創建PDF

  1. 打開 Visual Studio 并創建新的 ASP. NET Core Web 應用程序,小編這里項目名稱為CreatePDF。

  1. 選擇 .NET Core 6.0 作為項目的目標框架。

  1. 安裝依賴包:在“Solution Explorer中右鍵單擊該項目,然后選擇“Manage NuGet Packages”。在右上角的“Package source”中,進行選擇。單擊左上角的“Browse ”選項卡并搜索“GrapeCity.Documents”,從左側面板中選擇 GrapeCity.Documents.Pdf,最后通過單擊右側面板中的“install”按鈕進行安裝。

  1. 打開項目文件夾中“Pages”文件夾下的“ Index.cshtml.cs ”頁面。并在此文件中定義服務器端代碼以生成 PDF 文件,代碼如下所示:

//Define Environment variable to access web root folder

private IWebHostEnvironment Environment;


public IndexModel(ILogger<IndexModel> logger, IWebHostEnvironment _environment)

{

    _logger = logger;

    Environment = _environment;

    CreatePDF();

}

  1. 接下來,對第4步的 CreatePDF()方法進行詳細地編寫:

public void CreatePDF()

{

   const int FontSize = 12;


   //Define an instance of GcPdfDocument

   var doc = new GcPdfDocument();


   //Add a new page 

   var page = doc.Pages.Add();

   var g = page.Graphics;


   //Initialize TextLayout to render text

   var tl = g.CreateTextLayout();

            

   //Add an image to PDF document

   var img = Image.FromFile(Path.Combine("Resources", "ImagesBis", "2020-website-gcdocs-headers_tall.png"));

   var rc = page.Bounds;

   rc.Height *= 0.65f;

   g.DrawImage(img, rc, null, ImageAlign.StretchImage);


   //Define text format settings

   var ip = new PointF(48, 72);


   var font = Font.FromFile(Path.Combine("Resources", "Fonts", "OpenSans-Regular.ttf"));            

   var tfCap = new TextFormat() { Font = font, FontSize = FontSize * 1.6f, ForeColor = Color.White };

   var tf = new TextFormat() { Font = font, FontSize = FontSize, ForeColor = Color.White };

   tl.MaxWidth = 72 * 5;


   // Add Header:

   tl.AppendLine("Fast, Efficient Document APIs for .NET 5 and Java Applications", tfCap);

   tl.AppendLine(tfCap);

   tl.AppendLine("Take total control of your documents with ultra-fast, low-footprint APIs for enterprise apps.", tf);

   tl.AppendLine(tf);

   g.DrawTextLayout(tl, ip);


   // Add Bullet list:

   ip.Y += tl.ContentHeight;

   tl.Clear();

   const string bullet = "\x2022\x2003";

   tl.FirstLineIndent = -g.MeasureString(bullet, tf).Width;

   tl.ParagraphSpacing += 4;


   tl.Append(bullet, tf);

   tl.AppendLine("Generate, load, edit, save XLSX spreadsheets, PDF, Images, and DOCX files using C# .NET, VB.NET, or Java", tf);

   tl.Append(bullet, tf);

   tl.AppendLine("View, edit, print, fill and submit documents in JavaScript PDF Viewer and PDF Editor.", tf);

   tl.Append(bullet, tf);

   tl.AppendLine("Compatible on Windows, macOS, and Linux", tf);

   tl.Append(bullet, tf);

   tl.AppendLine("No dependencies on Excel, Word, or Acrobat", tf);

   tl.Append(bullet, tf);

   tl.AppendLine("Deploy to a variety of cloud-based services, including Azure, AWS, and AWS Lambda", tf);

   tl.Append(bullet, tf);

   tl.AppendLine("Product available individually or as a bundle", tf);


   //Render text

   g.DrawTextLayout(tl, ip);


   //Save the document to web root folder

   doc.Save(Path.Combine(Environment.WebRootPath, "sample.pdf"));

}

實現效果如下所示(用Adobe打開):

2)加載和查看PDF

在實現步驟1)中,小編實現了如何新建一個PDF的過程,但是新建的PDF需要在Adobe中打開,那么有沒有一種可以直接在瀏覽器中編輯和修改PDF的編輯器呢?答案是肯定的。接下來小編就將繼續為大家介紹一下如何使用JavaScript實現一個加載和修改PDF的編輯器的步驟:

  1. 打開 Visual Studio 的“Package Manager Console”,選擇“Tools”→“NuGet Package Manager”→“Package Manager Console”,然后輸入以下指令:

npm install @grapecity/gcpdfviewer


  1. 在Index.cshtml 文件中添加以下代碼:

<div id="root" style="height:600px;"></div>

<script src="~/node_modules/@@grapecity/gcpdfviewer/gcpdfviewer.js"></script>

<script>

    window.onload = function () {

        var viewer = new GcPdfViewer("#root", { /* Specify options here */ }

        );

        viewer.addDefaultPanels();

        viewer.open("sample.pdf");

    }

</script>

  1. 實現效果:

  1. 使用注釋編輯器添加注釋

在第3步實現的PDF編輯器中提供了一個注釋編輯器功能,用于在文檔中添加或刪除不同類型的注釋,例如文本注釋,圓圈注釋,圖章注釋,編輯注釋等。下面的GIF就是一個圓圈注釋的例子:




該文章在 2024/1/27 9:14:16 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved