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

项目实训(二):输入法开发(1)相关推荐

  1. 项目实训--unity多人游戏开发--开篇一(综述)

    文章目录 项目开篇 背景 分工 个人任务 总结 项目开篇 背景 对于游戏,在近些年来发展迅猛,例如现在的王者荣耀.原神等手游在中国非常流行,电脑游戏的发展也在不断前进,例如一些端游,英雄联盟等游戏也占 ...

  2. 项目实训--Unity多人游戏开发(一、综述)

    目录 项目介绍及分工 个人任务 项目介绍及分工 详情可参考项目实训专栏的小组综述. 基于Unity的2D多人乱斗游戏设计与开发. 参考结合"糖豆人"与"吃鸡"等 ...

  3. Java程序设计综合项目实训二——博客一

    职务 姓名 学号 组长 张广哲 16012007 组员 陈炳全 16012022 组员 葛晨延 16012010 组员 周楷柠 16012005 博客地址: 张广哲(组长):http://www.cn ...

  4. 项目实训--Unity多人游戏开发(十二、PUN框架--摄像机跟随)

    文章目录 相机跟随 单机游戏的相机跟随 多人游戏的相机跟随 相机跟随 上一篇是一个所有玩家固定视角的游戏.多人化不需要考虑相机跟随问题. 但如果想做一个2D.超级马里奥类型的跟随视角,或者3D.GTA ...

  5. 项目实训----Unity多人游戏开发----第十二篇

    道具战之其他道具2 综述 内容 触碰地雷 血瓶道具 随机箱子 总结 综述 上次我们主要讲述了道具的生成和拾取以及放置的功能以及代码的实现,本次主要介绍玩家触碰地雷以及其他道具的生成和销毁. 内容 触碰 ...

  6. 项目实训--Unity多人游戏开发(十六、草丛隐身与道具隐身)

    文章目录 复述所需功能及其概念 进入草丛隐身. 道具技能隐身: 一个问题 实际开发 草丛 道具 总结 复述所需功能及其概念 进入草丛隐身. 像英雄联盟的草丛机制一样. 其中(自己与敌人的可见性)包括如 ...

  7. 项目实训--Unity多人游戏开发(十五、道具战)

    文章目录 emm关于聊天功能的闲话 道具战游戏简介 截图 游戏功能 关键代码 全局 悬浮物道具 实际道具 人物脚本 总结 emm关于聊天功能的闲话 聊天功能也是使用PhotonChat提供的API,比 ...

  8. 项目实训----Unity多人游戏开发----第九篇

    PUN介绍 综述 简介 快速开始 申请PUN服务器 申请中国区 导包PUN 总结 综述 我们组的游戏开发主要用到的是PUN2框架,通过PUN来实现多人游戏的联机,实现信息同步以及消息的处理.下面主要介 ...

  9. 项目实训--Unity多人游戏开发(十四、UI昵称显示及转向同步问题)

    文章目录 开发功能 步骤及注意事项 项目其他记录 开发功能 在玩家上方生成UI文本,用于显示昵称.生命值或其他需要的数据. 2D中玩家左右转向时不能影响UI的显示. pun网络化时要同步玩家左右转向. ...

  10. 项目实训----Unity多人游戏开发----第四篇

    游戏制作之人物移动(二) 综述 主体 内容2:人物移动控制方式--鼠标控制 总结 综述 上次我们主要进行讲解的是游戏开发过程遇到的一些问题,以及想法,主要讲述了如何使用键盘进行控制人物移动.主要是通过 ...

最新文章

  1. 订单少落地难:被误解的人工智能
  2. [Google Guava] 1.1-使用和避免null
  3. mysql备份命令和还原命令_mysql数据备份和还原命令
  4. Windows Update Error: 80244019
  5. 搜索推荐中的召回匹配模型综述(三):基于匹配函数学习的深度学习方法
  6. 《深度学习》李宏毅 -- task5网络技巧设计
  7. C++ 默认构造函数的构建
  8. win10易升计算机丢失,微软Windows 10易升
  9. android gradle 离线安装,Android Studio离线配置gradle(附gradle下载地址)
  10. PHP幸运抽奖系统带后台源码
  11. 微信小程序---wxss模板样式
  12. Plant Ecology Journal Club, 2018
  13. Delphi中三种延时方法
  14. python turtle库输出文字_Python 海龟 turtle 画图讲解 (五):输入/输出文字及鼠标与键盘交互设计...
  15. 提供家用咖啡电子秤厨房秤方案芯片CS1238
  16. 脉冲波形的产生与变换
  17. j计算机基础知识,计算机办公自动化教程Office2003
  18. 初链TrueChain(TRUE)
  19. 大学物理实验报告 -- 分光计的使用和三棱镜折射率的测定
  20. eXCHANGEkEY

热门文章

  1. cmd中如何回退到上一级文件目录
  2. 3D Mesh文献阅读——MPS-Net,CVPR2022
  3. 16 移动端app自动化测试 - 软件测试
  4. web应用开发课程设计 HTML+CSS制作奶茶网站
  5. TCAX 特效字幕模板(附带在线预览,不定期更新)
  6. java 写入excel或者在excel中追加数据
  7. Word高效指南 - 快速将Word转为PPT
  8. java获取本机mac物理地址
  9. php怎么写取消关注,网页PHP颤音取消批量关注JS代码
  10. oracle 系列学习