项目实训（二）：输入法开发（1）

本次开发主要实现png转换svg并且输出功能

前端截图比较别扭，计划下一次开发实现，本次开发先使用upload图片上传组件

前端组件暂时使用element，待版本稳定后使用vuetify重构

核心部分图片格式转换，经过调研选用npm包：svg-png-converter

可以接受base64 png输入，按像素转成svg，并且可以接受简单调色操作

async transferToSvg(data) {
      const result = await png2svg({
        tracer: "imagetracer",
        optimize: false,
        input: data,
        numberofcolors: 16,
        pathomit: 1
      });
      const { content } = result;
      return content;
    },

实现效果如下，图片稍有粗糙，不过对于文本读入的可以接受

另外也实现了文字管理功能，并将功能打包成了vue组件并发布

实现效果

npm包地址

sdudoc_input