如何在FastReport.Net中使用SVG對象

---

坦率地說，FastReport.Net中的矢量圖形問題沒有得到很好的解決。在設計器中，有一個幾何圖形和多邊形的小合集，但并沒有如何使用帶矢量圖形的文件的相關信息。而現在，我們已經推出了一個報表設計器的插件，它將新的SVG對象添加到組件面板。現在，你可以在報表中使用SVG格式的矢量圖形。

現在讓我們來了解一下SVG格式是什么。這個縮寫（SVG）代表可縮放矢量圖形。嚴格地說，SVG是基于xml的矢量圖形的標記語言。對XML的使用讓該格式立刻流行起來。這是一個簡單的帶有線條的SVG文件，如果你用文本編輯器打開它：

<?xml version="1.0"?>
<svg xmlns="//www.w3.org/2000/svg">
 <rect x="20" y="20" width="300" height="250"
 style="fill:none;stroke:blue;stroke-width:2"/>
 <g style="stroke:green;">
 <line x1="50" y1="200" x2="100" y2="60"
 style="stroke-width:5; stroke-linecap:round;" />
 <line x1="100" y1="200" x2="150" y2="60"
 style="stroke-width:10; stroke-linecap:butt;" />
 <line x1="150" y1="200" x2="200" y2="60"
 style="stroke-width:15; stroke-linecap:square;" />
 <line x1="200" y1="200" x2="250" y2="60"
 style="stroke-width:20; stroke-linecap:round;" />
 <line x1="250" y1="200" x2="300" y2="60"
 style="stroke-width:25;" />
 </g>
</svg>

像這樣的XML文檔可以描述多邊形、繪圖或文本。并且SVG允許你使用JavaScript和CSS創建動畫和交互式圖形。

SVG格式的主要優點有：

1. 簡單易理解的結構，因此易于創建；
2. 文件大小相對較小；
3. 可擴展性。

現在讓我們看看如何將SVG對象添加到報表設計器。為此，請打開\ FastReport.Net \ Extras \ Misc \ SVGObjectPlugin文件夾中的項目。在這種情況下，nuget包管理器會下載更新。我們建立一個解決方案。

打開報表設計器。在文件菜單上，使用圖標打開設計器的設置：

在“插件”選項卡上，添加我們創建的庫。它位于：

FastReport.Net\Extras\Misc\SVGObjectPlugin\SVGObject\bin\Debug\SVGObject.dll。

單擊確定并重新啟動設計器。現在，在組件面板的底部還有一個元素：。

將其拖到報表頁面，并將它當作“圖像”對象那樣處理。也就是說，雙擊它打開編輯器：

使用“打開”按鈕，我們加載SVG文件。正如你從標簽中看到的那樣，可以從本地磁盤、數據庫、超鏈接下載文件。就是這樣。現在，你可以在不損失質量的情況下拉伸圖片

對SVG文件的使用擴展了FastReport.Net在打印業務中的實用性。而在今后的版本更新中，我們會有機會在Web報表中使用動畫SVG。

產品介紹 | 下載試用 | 優惠活動 |  | 聯系Elyn

 

推薦閱讀

• FastReport VCL報表控件開發者手冊
• FastReport Online Designer中文手冊
• Fastreport.Net教程2016
• Fastreport.Net用戶手冊
• FastReport.Net教程2017（持續更新中···）
• FastReport Online Designer教程2017（持續更新中···）
• 報表教程2017（持續更新中···）
• FastReport.Net v2018.1版本更新已經發布！

---