当前位置:主页 > JavsScript库 > 图库 / 图片 >

将SVG数据保存到文件 - svg-exportJS
栏目分类:图库 / 图片   发布日期:2021-08-30   浏览次数:

svg-export 是一个原生 JavaScript 库,可将嵌入在文档中的 SVG 数据导出和保存为图像、PDF 或 SVG 文件。

使用:

1. 下载并加载文档中的 svg-export.js 库。

<script src="svg-export.min.js"></script>

2.如果您需要将 SVG 数据导出为图像,请加载Canvg 库。

<script src="/uploads/allimg/210830/0Z402O45-1.jpg"></script>

3. 如果您需要将 SVG 数据导出为 PDF,请加载以下 JavaScript 库。

<script src="/uploads/allimg/210830/0Z4021115-2.jpg"></script>
<script src="/uploads/allimg/210830/0Z4025U7-3.jpg"></script>
<script src="/uploads/allimg/210830/0Z4024211-4.jpg"></script>

4. 将您的 SVG 导出为 SVG 文件。

svgExport.downloadSvg(
  // SVG ID
  "#mysvg",
  // 填充名称
  "Filename",
  {  custom size
    width: 200, 
    height: 200 
  }
);

5. 将您的 SVG 导出为图像。

svgExport.downloadPng(
  // SVG ID
  "#mysvg",
  // 填充名称
  "Filename",
  {
    // 此处的选项
  }
);
svgExport.downloadJpeg(
  // SVG ID
  "#mysvg",
  // 填充名称
  "Filename",
  {
    // 此处的选项
  }
);

6. 将您的 SVG 导出为 PDF 文件。

svgExport.downloadPdf(
  // SVG ID
  "#mysvg",
  // 填充名称
  "Filename",
  {
    // 此处的选项
  }
);

7. 带有默认值的完整选项。

{
  width: 100,
  height: 100, 
  scale: 1,
  useCSS: true, // 处理 SVG 元素中的外部 CSS
  PDFOptions: {
    customFonts: [],
    pageLayout: { margin: 50, margins: {} },
    addTitleToPage: true,
    chartCaption: "",
    PDFtextFontFamily: "Helvetica",
    PDFTitleFontSize: 20,
    PDFCaptionFontSize: 14
  }
}


官方网站:https://github.com/sharonchoong/svg-exportJS

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库