服务器后台把svg保存图片(后端返回svg格式图片数据)
- 服务器
- 2022-12-19 14:51:07
- 16
今天给各位分享服务器后台把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格式图片数据的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
本文由admin于2022-12-19发表在靑年PHP官网,如有疑问,请联系我们。
本文链接:https://qnphp.com/post/100026.html