2011-10-07 7 views
11

Me gustaría dibujar formas que son intersecciones de círculos usando RaphaëlJS. ¿Hay una biblioteca por ahí para hacer eso? Una biblioteca de ruta SVG más general probablemente también funcionaría, pero mi google foo me está fallando.Biblioteca RaphaelJS para encontrar intersecciones de rutas

me gustaría dibujar formas como éstas:

especificación

shapes

+0

¿Hay alguna razón en particular por la que quiera hacer esto programáticamente? Obviamente, programas como inkscape tienen esta capacidad y pueden exportar el producto. – pp19dd

+0

Estaba jugando con un simple juego en 2d con un paisaje destructible, así que quería cortar los bits de él dependiendo de las acciones del jugador. Como podía salirme con un color de fondo sólido, hice trampa y dibujé mis formas en un color sólido sobre el paisaje. – Douglas

+1

Gotcha. Tiene mucho sentido. Las búsquedas curriculares de sustracción de polígonos me llevaron a esto, aunque no hay implementación de JS: http://www.cs.man.ac.uk/~toby/alan/software/ – pp19dd

Respuesta

1

SVG Compositing describe operaciones de composición (propiedad borrador de la operación), pero no son compatibles actualmente con ningún navegador.

Aquí hay un example que puedes probar, pero al escribir esto no funciona en Chrome o Firefox. Clipping puede funcionar en algunos casos, pero no permite el efecto de eliminación.

Por otro lado, las operaciones canvas compositing son totalmente compatibles, por lo que puede intentar usar lienzo para su juego.

Aquí hay un game-like example que hice usando la composición de lienzo.

Cuestiones relacionadas