在画布元素上绘制矢量：如何生成矢量字符串

Question

对于我目前正在做的项目，我需要实现一个交互式画布元素。 画布上会有一个形状，分成若干子区域。 用户应该能够从中选择子区域，并将不同的颜色应用到选定区域[这些区域不是正方形或圆形，而是自定义路径]

这包含了一些与我想要实现的东西类似的东西。它使用kinetic.js。它显示了如何使用Kinetic.path（）方法绘制世界地图 - 每个国家都有矢量字符串。

请把我放在线上，以达到类似于脚形/任何其他形状的东西。我应该如何获得这个矢量字符串来绘制想要的形状？

这是最好的方法吗？

此文件（http://raphaeljs.com/world/world.js）包含世界地图的矢量字符串。我不确定他们是如何生成它的。那是我感兴趣的地方。

有没有办法从图片生成矢量字符串？

Answer 1

使用svg编辑器（例如，这个online svg editor）。然后导入您的图片并使用路径回溯图片的元素。