原創|使用教程|編輯:我只采一朵|2018-01-24 11:23:03.000|閱讀 667 次
概述:SVG是基于xml的矢量圖形的標記語言。對XML的使用讓該格式立刻流行起來。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
坦率地說,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格式的主要優點有:
現在讓我們看看如何將SVG對象添加到報表設計器。為此,請打開\ FastReport.Net \ Extras \ Misc \ SVGObjectPlugin文件夾中的項目。在這種情況下,nuget包管理器會下載更新。我們建立一個解決方案。
打開報表設計器。在文件菜單上,使用圖標打開設計器的設置:
在“插件”選項卡上,添加我們創建的庫。它位于:
FastReport.Net\Extras\Misc\SVGObjectPlugin\SVGObject\bin\Debug\SVGObject.dll。
單擊確定并重新啟動設計器。現在,在組件面板的底部還有一個元素:。
將其拖到報表頁面,并將它當作“圖像”對象那樣處理。也就是說,雙擊它打開編輯器:
使用“打開”按鈕,我們加載SVG文件。正如你從標簽中看到的那樣,可以從本地磁盤、數據庫、超鏈接下載文件。就是這樣。現在,你可以在不損失質量的情況下拉伸圖片
對SVG文件的使用擴展了FastReport.Net在打印業務中的實用性。而在今后的版本更新中,我們會有機會在Web報表中使用動畫SVG。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn