引言
17年公司产品新增爱心公益晒餐卡活动,至今四个月的时间,需要将用户的活动数据和用户信息制作成分享卡用于用户分享
实现思路
之前做过图像与图像的合成,也就想到先把用户数据文本转换成图片在跟用户头像图片进行合成。
文字需要先转换成svg后再转成png图像,最后与头像和背景图合成。
代码思路
1.首先是文字转换成图片,于是在万能的度娘上查到一个Node模块“text-to-svg”,主要功能是将文字根据指定字体生成svg文件(SVG:可伸缩矢量图形 (Scalable Vector Graphics),用来定义用于网络的基于矢量的图形,图像在放大或改变尺寸的情况下其图形质量不会有所损失),生成的结构是这样的
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="137.5" height="25"&