在线SVG转换,支持SVG to PNG、SVG to JPEG、SVG to WEBP 图片转换操作-toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果。ToolFk还支持 BarCode条形码在线生成、 QueryList采集器、 PHP代码在线运行、 PHP混淆、加密、解密、 Python代码在线运行、JavaScript在线运行、YAML格式化工具、HTTP模拟查询工具、HTML在线工具箱、JavaScript在线工具箱、CSS在线工具箱、JSON在线工具箱、Unixtime时间戳转换、Base64/URL/Native2Ascii转换、CSV转换工具箱、XML在线工具箱、WebSocket在线工具、Markdown 在线工具箱、Htaccess2nginx 转换、进制在线转换、在线加密工具箱、在线伪原创工具、在线APK反编译、在线网页截图工具、在线随机密码生成、在线生成二维码Qrcode、在线Crontab表达式生成、在线短网址生成、在线计算器工具、Linux常用命令大全、在线文本比较工具、在线思维导图工具、在线数据库设计工具、免费CDN加速服务、在线压力测试工具、地图拾取坐标工具、在线SQL转换工具。等20多个日常程序员开发工具,算是一个非常全面的程序员工具箱网站。
網站名稱:ToolFk
網站鏈結:https://www.toolfk.com/
工具链接:https://www.toolfk.com/tool-convert-svg
代码教學
本工具[在线SVG转换,支持SVG to PNG、SVG to JPEG、SVG to WEBP]依赖https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader 库
STEP 1
STEP 2
核心代码如下
var openFile = function(event) {var input = event.target;var reader = new FileReader();reader.onload = function(){var dataURL = reader.result;var output = document.getElementById('output');output.src = dataURL;$("#hidden_val").val(dataURL);};reader.readAsDataURL(input.files[0]); }; function exportImage(ext,type){var dataUrl = $("#hidden_val").val();var canvas = document.createElement('canvas');canvas.width = $('#output').width();canvas.height = $('#output').height();var image = new Image();image.src = dataUrl;var context = canvas.getContext('2d');image.onload = function() {context.drawImage(image, 0, 0);var a = document.createElement("a");a.download = "toolfk-"+Math.random()+ext;a.href = canvas.toDataURL(type);a.click();}; } $("#export").click(function() {var modules = $("#modules");var pdfFileURL = $('#svg').val();if(!pdfFileURL){layer.msg("@lang('toolfk.lang_convert_svg_upload').");return false;}var module_val = modules.val();if(!module_val){layer.msg("@lang('toolfk.lang_convert_svg_convert').");return false;}if(module_val == "png"){exportImage(".png","image/png");}else if(module_val == "jpeg"){exportImage(".jpeg","image/jpeg");}else if(module_val == "webp"){exportImage(".webp","image/webp");}else{layer.msg("@lang('toolfk.lang_convert_svg_convert').");return false;} });
值得一試的三個理由:
整合各種程序员开发中经常使用的开发测试工具。
简洁美观大气的网站页面
支持 在线格式化执行代码、APK在线反编译、在线高强度密码生成、在线网页截图 等二十多種工具服务
同时还推荐一下它的姐妹网 www.videofk.com 视频下载工具箱
本文链接:http://www.hihubs.com/article/401
在线SVG转换,支持SVG to PNG、SVG to JPEG、SVG to WEBP 图片转换操作-toolfk程序员在线工具网相关推荐
- Online PDF to PNG, PDF to JPEG, PDF to WEBP, PDF to TXT - toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- 在线SQL转换CSV、XML、JSON、HTML工具-toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- JavaScript实现在线进制转换工具网站 -toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- Linux常用命令大全-toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- JavaScript实现在线MD5、SHA、AES、Rabit 、RC4、TripleDES Ripemd160 加密解密工具-toolfk程序员在线工具网...
2019独角兽企业重金招聘Python工程师标准>>> 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装 ...
- JavaScript实现在线MD5、SHA、AES、Rabit 、RC4、TripleDES Ripemd160 加密解密工具-toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- 百度地图拾取坐标工具-toolfk程序员在线工具
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- JavaScript实现在线生成高强度随机密码工具-toolfk程序员在线工具网
2019独角兽企业重金招聘Python工程师标准>>> 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装 ...
- phantomjs实现免费在线网页截图工具-toolfk程序员在线工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
- 在线数据库设计工具-toolfk程序员在线工具网
2019独角兽企业重金招聘Python工程师标准>>> 本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装 ...
最新文章
- 放上了一篇几个月前写的东西
- php与Git下基于webhook的自动化部署
- HYSBZ - 1588 营业额统计(Splay)
- eclipse导出Maven依赖的Jar
- 卷死了!再不学vue3就没有人要你了!速来围观vue3新特性
- 这个神器火了,做个高大上的PPT演示竟然就这么简单!
- php curl显示错误信息,php如何调试curl错误信息
- C语言中动态数组的分配
- 我需要一个媒体服务器来进行一对多的WebRTC广播吗?
- 我的世界javamod怎么装_你不装绞盘,怎么在越野圈混?
- 求和函数java_java函数求和要怎么写?java求和代码实现
- 【Chinapub读书会第9期】5月28日赵鑫磊带你深入解析Linux
- Linux C聊天室的实现
- iOS 获取 appid
- java7 diamond_java7新特性之Diamond syntax
- 微信小程序重新发起请求加载页面
- 火狐浏览器Firefox Firebug使用方法
- Python3 print pprint
- 【自动驾驶】超声波雷达障碍物检测
- java dispo lock_Rxjava2 学习记录。
热门文章
- 在家如何下载各大权威数据库文献
- PHP 对和队列的区别,【php】Redis的队列和消息队列的区别是什么?
- 配置本地DNS服务器地址
- element中el-autocomplete实现中英文搜索功能
- excel换行快捷键_13个excel快捷键,学会他们,让你的1秒钟,抵得上同事的5分钟...
- 小屏幕android电视,神奇!只需一个方法,让电视当作手机屏幕!
- 计算机 未保存,电脑突然关机wps没保存怎么办
- 牛客练习赛28 E【斜抛运动的最大水平射程】
- Java获取区间随机数公式
- 使用PHP制作 简易员工管理系统之二(管理员登陆界面以及验证)