电脑端在线图片转SVG格式工具源码

源码介绍

非常简单一款在线图片转SVG格式工具源码，js+html的，无需环境打开即可使用。不想下载可以复制下面代码，保存到HTML文件即可使用。小白不会的就下载源码，已经打包好了。

代码分享 

提交表单代码：

<input id="upload" type="file" required accept="image/gif, image/jpeg, image/png">    

<img class="avatar" src="" alt="Avatar Preview">    

<a class="download-button" href="#" download="noavatar.svg">下载 SVG</a>

  JS处理代码：

document.getElementById('upload').addEventListener('change', function() {    

var file = this.files[0];    

if (file) {    

var reader = new FileReader();    

reader.readAsDataURL(file);    

reader.addEventListener('load', function() {    

var dataURL = this.result;    

var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="120"><image xlink:href="'+dataURL+'" height="120" width="120"/></svg>';    

var blob = new Blob([svgCode], {type: 'image/svg+xml'});    

var url = URL.createObjectURL(blob);    

document.querySelector('.avatar').src = url;    

document.querySelector('.download-button').style.display = 'inline-block';    

document.querySelector('.download-button').href = url;    

});    

}    

});