服务器后台把svg保存图片（后端返回svg格式图片数据）

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

本文目录一览：

• 1、如何将网页的svg或者canvas存为图片并作为配图发布到社交网络
• 2、如何将另存为PNG图片，最好是用js、JQuery来实现
• 3、怎样保存网页上的svg图片？
• 4、用vue生成svg，保存和修改

如何将网页的svg或者canvas存为图片并作为配图发布到社交网络

新浪分享有专门的api的

附上：

{{URL}}title={{DESC}}pic={{IMAGE}}appkey={{WEIBOKEY}}

接下来就是svg生成一个图片，然后存到服务器，然后生成一个访问地址，拼在上面的链接地址上就行了，

还有一种方式是转base64，就不需要存服务器了

如何将另存为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的图标了，喜欢的朋友点个赞支持下哦~~

原文地址：网页链接

用vue生成svg，保存和修改

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

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