服务器后台把svg保存图片（svg导出图片）

今天给各位分享服务器后台把svg保存图片的知识，其中也会对svg导出图片进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、如何将另存为PNG图片，最好是用js、JQuery来实现
• 2、怎样保存网页上的svg图片？
• 3、网页SVG画的图怎么保存到服务器（图片或XML）
• 4、用vue生成svg，保存和修改

如何将另存为PNG图片，最好是用js、JQuery来实现

svg可以转成canvas，canvas再转图片！

var svgHtml = svgContainer.innerHTML();//获取svg

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

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

var imgSrc = document.getElementById(content).toDataUrl("image/png");//将canvas转成图片

怎样保存网页上的svg图片？

我以Google浏览器和阿里图标库(iconfont)举例，教大家怎么保存iconfont上的LOGO。

需要什么：

sublime text 编辑器，sublime text软件的下载地址请点击原文地址去下载

iconfont

步骤流程：

第一步：

在浏览器任意区域先右键点击**检查**，弹窗开发者工具，然后选择开发者工具右侧上的箭头后点击要保存的SVG图片，在代码区域就会出现一段以SVG开头的代码。



第二步：

选中这段代码后右键点击编辑该代码，Ctr+A选中，Ctr + C复制整段代码





第三步：

复制代码到sublime text编辑器，然后保存，保存时命名为【名称+ .svg】，格式设置为svg的就可以保存到自己的本地电脑上了。



保存后就能看到iconfont的图标了，喜欢的朋友点个赞支持下哦~~

原文地址：网页链接

网页SVG画的图怎么保存到服务器（图片或XML）

SVG本身就是xml格式文本，保存SVG，就只要保存这些文本就可以了

服务器直接保存xxx.svg，和图片一样(xxx.jpg)

把SVG的xml文本信息，保存到数据库就可以了，这个保存文章一样的

用vue生成svg，保存和修改

前端本身不具备操作本地文件的能力。只有配合后端才能做到。就是说需要将你的SVG通过AJAX传给后端，后端将你的文件保存到服务器目录下。后端也可以把文件传到前端，交由前端进行编辑。但是文件保存只有后端才能操作

关于服务器后台把svg保存图片和svg导出图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。