? 本文要推薦的[ToolFk]是一款程序員經(jīng)常使用的線上免費(fèi)測(cè)試工具箱僚祷，ToolFk 特色是專注于程序員日常的開(kāi)發(fā)工具，不用安裝任何軟件贮缕，只要把內(nèi)容貼上按一個(gè)執(zhí)行按鈕,就能獲取到想要的內(nèi)容結(jié)果辙谜。ToolFk還支持??BarCode條形碼在線生成、?QueryList采集器感昼、?PHP代碼在線運(yùn)行装哆、?PHP混淆、加密定嗓、解密蜕琴、?Python代碼在線運(yùn)行、JavaScript在線運(yùn)行蜕乡、YAML格式化工具奸绷、HTTP模擬查詢工具、HTML在線工具箱层玲、JavaScript在線工具箱号醉、CSS在線工具箱、JSON在線工具箱辛块、Unixtime時(shí)間戳轉(zhuǎn)換畔派、Base64/URL/Native2Ascii轉(zhuǎn)換、CSV轉(zhuǎn)換工具箱润绵、XML在線工具箱线椰、WebSocket在線工具、Markdown 在線工具箱尘盼、Htaccess2nginx 轉(zhuǎn)換憨愉、進(jìn)制在線轉(zhuǎn)換、在線加密工具箱卿捎、在線偽原創(chuàng)工具配紫、在線APK反編譯、在線網(wǎng)頁(yè)截圖工具午阵、在線隨機(jī)密碼生成躺孝、在線生成二維碼Qrcode、在線Crontab表達(dá)式生成、在線短網(wǎng)址生成植袍、在線計(jì)算器工具惧眠、Linux常用命令大全、在線文本比較工具于个、在線思維導(dǎo)圖工具氛魁、在線數(shù)據(jù)庫(kù)設(shè)計(jì)工具、免費(fèi)CDN加速服務(wù)览濒、在線壓力測(cè)試工具呆盖、地圖拾取坐標(biāo)工具拖云、在線SQL轉(zhuǎn)換工具贷笛。等20多個(gè)日常程序員開(kāi)發(fā)工具，算是一個(gè)非常全面的程序員工具箱網(wǎng)站宙项。
網(wǎng)站名稱：ToolFk
網(wǎng)站鏈結(jié)：https://www.toolfk.com/
工具鏈接：https://www.toolfk.com/tool-convert-svg
代碼教學(xué)
本工具[在線SVG轉(zhuǎn)換乏苦，支持SVG to PNG、SVG to JPEG尤筐、SVG to WEBP]依賴https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader庫(kù)
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;
????}
});
值得一試的三個(gè)理由：
整合各種程序員開(kāi)發(fā)中經(jīng)常使用的開(kāi)發(fā)測(cè)試工具汇荐。
簡(jiǎn)潔美觀大氣的網(wǎng)站頁(yè)面
支持 在線格式化執(zhí)行代碼、APK在線反編譯盆繁、在線高強(qiáng)度密碼生成掀淘、在線網(wǎng)頁(yè)截圖 等二十多種工具服務(wù)
同時(shí)還推薦一下它的姐妹網(wǎng)www.videofk.com視頻下載工具箱
