对于我目前正在做的项目，我需要实现一个交互式canvas元素。 画布上将有一个形状，它被划分为多个子区域。 用户应该能够从中选择子区域并对选定区域应用不同的颜色。[这些区域不是正方形或圆形，而是自定义路径]
这包含了一些类似于我想要实现的东西。它使用kinetic.js。它展示了如何使用Kinetic.path（）方法绘制世界地图 - 使用每个国家的矢量字符串。
请把我放在线上以获得类似于脚形/或任何其他形状的东西。我应该如何获得这个矢量字符串来绘制想要的形状？
这是最好的方法吗？
此文件（http://raphaeljs.com/world/world.js）包含world-map的矢量字符串。我不确定他们是如何产生它的。这就是我感兴趣的地方。
有没有办法从图片生成矢量字符串？