前端如何位图解析矢量图？

Question

今天有个需求，用户可以手动在input里面输入内容，然后生成矢量图。

比如输入：今天不开心。那输出的矢量图就是今天不开心。

用户也可以用手机手写输入法输入，也可以上传包含文字的图片，然后上传，解析成用户该内容的矢量图。

这个是我在某网站的在线工具解析的：就是这个意思。。前端可以做到吗？有什么框架可以推荐吗？谢谢。