如何将<svg id="content"><g><g><svg>另存为PNG图片，最好是用js、JQuery来实现

svg可以转成canvas，canvas再转！

var svgHtml = svgContainerinnerHTML();//获取svg

将svg转成canvas需要用到google的一个插件canvg，可以上官网下载

接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas，这个方法第一个参数就是canvas标签的id!

var imgSrc = documentgetElementById(content)toDataUrl("image/png");//将canvas转成

1、PSD和PDD格式：

PSD格式和PDD格式是Photoshop软件自身的专用格式，是唯一能支持全部图像颜色模式的格式。以PSD和PDD格式存储图像时，可以保存图像中的图层、通道和蒙版等数据信息，

所以，在进行图形处理的过程中都以该格式进行保存，单一这两种图像文件格式存储的图像文件特别大，要比其他格式的图像文件占用更多的磁盘空间。

2、GIF格式

GIF（gif）图像文件格式是一种使用LZW压缩的格式，目的在于最小化文件和减少传输时间。GIF格式文件同时支持位图、灰度、索引图像。

GIF文件格式的特点是数据量小，可以带有动画信息，支持透明背景显示。大量用于网站的徽标。广告条、及网页背景图像。不适合照片类的网页图像。

3、JPEG格式（JPEG、JPG）

其后缀名除了JPEG外，还有JPG。该文件格式既是一种文件格式，又是一种压缩技术。如果图像文件只用于预览。欣赏或作为素材，或为了方便携带存储在移动磁盘上，

可将其保存为JPEG格式。使用JPEG格式保存的图像经过高倍率的压缩可使图像文件变得较小，但会丢失掉部分不易察觉的数据，所以在印刷时不易使用此格式。

4、PNG格式

可以存储透明，完爆GIF格式的地方在于失真小，没锯齿，缺点是不支持动画。

5、PDF格式

PDF图像文件格式是一种灵活的。跨平台。跨应用程序的便携文档格式，可以精确地显示并保留字体。页面板式以及矢量和位图图形，并可以包含电子文档搜索和导航功能（如超级链接）

扩展资料：

其它非主流图像格式

PCX格式

PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，这是一种经过压缩的格式，占用磁盘空间较少。由于该格式出现的时间较长，并且具有压缩及全彩色的能力，所以现在仍比较流行。

DXF格式

DXF（Autodesk Drawing Exchange Format）是AutoCAD中的矢量文件格式，它以ASCII码方式存储文件，在表现图形的大小方面十分精确。许多软件都支持DXF格式的输入与输出。

WMF格式

WMF（Windows Metafile Format）是Windows中常见的一种图元文件格式，属于矢量文件格式。它具有文件短小、图案造型化的特点，整个图形常由各个独立的组成部分拼接而成，其图形往往较粗糙。

EMF格式

EMF（Enhanced Metafile）是微软公司为了弥补使用WMF的不足而开发的一种Windows 32位扩展图元文件格式，也属于矢量文件格式，其目的是欲使图元文件更加容易接受。

LIC（FLI/FLC）格式

Flic格式由Autodesk公司研制而成，FLIC是FLC和FLI的统称：FLI是最初的基于320×200分辨率的动画文件格式，而FLC则采用了更高的压缩比，其分辨率也有了不少提高。

EPS格式

EPS（Encapsulated PostScript）是PC机用户较少见的一种格式，而苹果Mac机的用户则用得较多。它是用PostScript语言描述的一种ASCII码文件格式，主要用于排版、打印等输出工作。

TGA格式

TGA（Tagged Graphics）文件是由美国Truevision公司为其显示卡开发的一种图像文件格式，已被国际上的图形、图像工业所接受。TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，是计算机生成图像向电视转换的一种首选格式。

参考资料来源：百度百科-文件格式

objectgetBoundingClientRect()是你想要的

你的采纳是我前进的动力,记得好评和采纳，答题不易，互相帮助，

手机提问的朋友在客户端右上角评价点满意即可

如果你认可我的回答，请及时点击采纳为满意回答按钮！

以上就是关于如何将<svg id="content"><g></g></svg>另存为PNG图片，最好是用js、JQuery来实现全部的内容，包括:如何将<svg id="content"><g></g></svg>另存为PNG图片，最好是用js、JQuery来实现、常见的图片 后缀名 都有哪些、如何用 JS 获取 SVG 内 path 元素中的图形的实际位置及尺寸等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！