Vectores de dibujo en el elemento de lienzo: Cómo generar las cadenas vectoriales.

Question

Para un proyecto que realizo actualmente necesito implementar un elemento de lona interactivo. Habrá una forma en el lienzo que se divide en el número de sub-áreas. El usuario debe poder seleccionar sub-áreas de él y aplicar diferentes colores al área seleccionada. [Estas áreas no son cuadradas ni círculos, sino rutas personalizadas]

Esto contiene algo similar lo que quiero lograr. Utiliza kinetic.js. Muestra cómo dibujar el mapa del mundo usando el método kinetic.path (), con cadenas de vectores para cada país.

Por favor, póngame en la línea para lograr algo similar para la forma del pie / o cualquier otra forma. ¿Cómo debo obtener esta cadena vectorial para dibujar la forma deseada?

¿Y es esta la mejor manera de hacerlo?

Este archivo ( http://raphaeljs.com/world/world.js ) contiene Cuerdas vectoriales para mapa mundial. No estoy seguro de cómo lo generaron. Ahí es donde estoy interesado.

¿Hay alguna manera de generar cadenas vectoriales de una imagen?

Answer 1

Use un editor SVG (por ejemplo, esta >Editor de SVG en línea ).Luego importe su imagen y retroceda los elementos de su imagen con rutas.