在将图片的文章介绍给上一篇角色和灰色图中之后,让我们看一下有趣的事情。基于上一篇文章的基础,位图到向量图的功能
对位图和向量图的简单理解如下:
实现向量图的位图并不是一个简单的工作。当然,我们在这里不追求完美的实施。根据上一篇文章,我们可以考虑实现策略
基于上述策略,引入了生成第一篇博客文章的第一步。下一点是如何根据输出字符数组生成SVG?
第一步输出字符绘画的代码未发布。有兴趣的朋友可以参考上一篇文章
接下来,让我们关注如何根据一代生成SVG图
首先,我们定义一个SVG模板以根据字符输出表示向量图,如下
对于上面的模板,有几个需要更换的钥匙值
其次,标签内容是我们需要输出的字符,字符线对应于标签
因此,我们的实现逻辑是上述模板的关键字更换输出
请注意,以上实现逻辑中的变量是上面模板的键值,并且不会重复输出。请在文本末尾阅读源代码以获取详细信息
核心实施代码已在上面发布。下一个
项目来源:https://github.com/liuyueyi/quick-nedia/tree/master/master/plugins/image-插件
输出SVG文件如下
示例地图:
如果您有一封信,那么您就不那么好。以上内容纯粹是一个家庭。由于个人能力有限,因此存在不可避免的和误解。如果您发现错误或有更好的建议,请批评和纠正。
微信公共帐户:一个灰色博客