Exporter le graphique en SVG avec l attribut viewBox
Contents
[
Hide
]
Par défaut, lorsque le graphique est exporté au format SVG, l’attribut viewBox n’est pas inclus dans son XML. Cependant, Aspose.Cells fournit la propriété ImageOrPrintOptions.SVGFitToViewPort qui, lorsqu’elle est définie sur true, exporte le graphique en SVG avec l’attribut viewBox.
Exporter le graphique en SVG avec l’attribut viewBox
Le code d’exemple suivant exporte le graphique au format SVG avec l’attribut viewBox.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// For complete examples and data files, please go to https://github.com/aspose-cells/Aspose.Cells-for-.NET | |
// The path to the documents directory. | |
string dataDir = RunExamples.GetDataDir(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType); | |
// Create workbook object from source file | |
Workbook workbook = new Workbook(dataDir + "SampleChartBook.xlsx"); | |
// Access first worksheet | |
Worksheet worksheet = workbook.Worksheets[0]; | |
// Access first chart inside the worksheet | |
Aspose.Cells.Charts.Chart chart = worksheet.Charts[0]; | |
// Set image or print options with SVGFitToViewPort true | |
Aspose.Cells.Rendering.ImageOrPrintOptions opts = new Aspose.Cells.Rendering.ImageOrPrintOptions(); | |
opts.ImageType = ImageType.Svg; | |
opts.SVGFitToViewPort = true; | |
// Save the chart to svg format | |
chart.ToImage(dataDir + "Image_out.svg", opts); |
Si vous ouvrez le SVG du graphique dans le bloc-notes, vous trouverez l’attribut viewBox similaire à ceci.
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
<span class="n">width</span><span class="o">=</span><span class="s">"100%"</span> <span class="n">height</span><span class="o">=</span><span class="s">"100%"</span>
<span class="n">viewBox</span><span class="o">=</span><span class="s">"0 0 480 288"</span><span class="o">></span></code></pre></div>