Exporter un graphique en SVG avec attribut viewBox en utilisant Node.js via C++
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.getSVGFitToViewPort() 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.
const path = require("path");
const AsposeCells = require("aspose.cells.node");
// The path to the documents directory.
const dataDir = path.join(__dirname, "data");
// Create workbook object from source file
const workbook = new AsposeCells.Workbook(path.join(dataDir, "SampleChartBook.xlsx"));
// Access first worksheet
const worksheet = workbook.getWorksheets().get(0);
// Access first chart inside the worksheet
const chart = worksheet.getCharts().get(0);
// Set image or print options with SVGFitToViewPort true
const opts = new AsposeCells.ImageOrPrintOptions();
opts.setImageType(AsposeCells.ImageType.Svg);
opts.setSVGFitToViewPort(true);
// Save the chart to svg format
chart.toImage(path.join(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>