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

最新推荐文章于 2024-08-22 08:29:48 发布

kakeooo

最新推荐文章于 2024-08-22 08:29:48 发布

阅读量854

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/kakeooo/article/details/124569514

版权

本次开发主要实现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;
    },

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