Vetores de desenho no elemento de lona: como gerar as cordas do vetor

Question

Para um projeto que estou fazendo atualmente, preciso implementar um elemento de tela interativo. Haverá uma forma na tela que é dividida no número de sub-áreas. O usuário deve ser capaz de selecionar sub-áreas dele e aplicar cores diferentes para área selecionada. [Essas áreas não são quadrados ou círculos, mas caminhos personalizados]

Isso contém algo parecido com o que eu quero alcançar. Usa kinetic.js. Mostra como desenhar o mapa do mundo usando o método Kinetic.Path () - com cordas de vetor para cada país.

Por favor, coloque-me na linha para conseguir algo semelhante para a forma de pé / ou qualquer outra forma. Como devo obter essa sequência de vetor para desenhar a forma desejada?

e é esta a melhor maneira de fazer isso?

Este arquivo ( http://raphaeljs.com/world/world.js ) contém Cordas do vetor para o mapa do mundo. Não tenho certeza de como eles o geraram. é aí que estou interessado.

Existe uma maneira de gerar cordas vetoriais de uma foto?

Answer 1

Use um editor SVG (por exemplo, este Online SVG Editor ).Em seguida, importe sua foto e refaça os elementos da sua foto usando caminhos.