摘  要

 

图像有矢量图与位图之分，位图应用十分广泛，但是本身存在图像容量较大导致传输缓慢；图片放大后失真；不同设备显示效果有差异；不可交互等问题。而SVG这种可缩放矢量图片格式可以解决以上的问题，但是应用并不广泛，各个厂商也在开发其潜力的阶段，所以研究SVG的未来应用具有重要的意义。而图像矢量化就是利用图像追踪算法，将位图转换为矢量图，一般是SVG格式。

本文以手写新闻系统为立足点，因为手写新闻基本由手写文字构成，不同于复杂的实景图片，手写文字具有颜色数少、对比度高的特点。因此更容易去做图像的矢量化，并且，手写稿件矢量化后可以更易于保存，也更利于做文字识别和图像压缩。因此，可以开发一套手写新闻系统，使用React、Sequelize、Koa.js、Potrace算法等技术，支持手写新闻图片的在线转换、发布和管理。也是以该系统入手来研究在线位图矢量化的可行性。

 

关键词：Web，SVG，图像追踪，手写新闻，React

目  录

 

第一章 绪论 1

1.1 引言 1

1.2 国内外研究现状 1

1.3 发展趋势 2

1.4 研究目标与主要内容 2

1.4.1 研究目标 2

1.4.2 主要内容 2

1.5 论文的研究内容及组织结构 2

第二章 开发环境与开发框架 4

2.1 开发环境和运行环境 4

2.2 MVC架构模式 4

2.3 React库 4

2.3 Koa.js 4

2.4 其他相关技术 5

第三章 需求分析 6

3.1 系统总体概述 6

3.2 功能需求 6

3.3 性能需求 7

第四章 系统设计 8

4.1 系统架构设计 8

4.2 功能模块设计 9

4.3 业务流程设计 10

4.4 数据库设计 11

第五章 系统实现 14

5.1 初始服务搭建 14

5.2 登录与鉴权 15

5.2.1 OAuth2.0登录模块实现 15

5.2.2 JWT鉴权模块实现 16

5.3 在线图像追踪 17

第六章 系统测试 19

6.1 系统测试目的 19

6.2 系统测试方法 19

6.3 测试结果 19

第七章 总结 20

参考文献 21

致  谢 22