2011-10-07 2 views
11

Je voudrais dessiner des formes qui sont des intersections de cercles en utilisant RaphaëlJS. Y a-t-il une bibliothèque pour le faire? Une bibliothèque de chemins SVG plus générale fonctionnerait probablement aussi, mais mon google foo me manque.Bibliothèque RaphaelJS pour trouver des intersections de chemins

Je voudrais dessiner des formes comme celles-ci:

shapes

+0

Y a-t-il une raison particulière pour laquelle vous voulez effectuer cela par programme? De toute évidence, des programmes comme inkscape ont cette capacité et peuvent exporter le produit. – pp19dd

+0

Je jouais avec un simple jeu 2D avec un paysage destructible, donc je voulais en couper des morceaux en fonction des actions du joueur. Comme je pouvais sortir avec une couleur de fond solide, j'ai triché et juste dessiné mes formes dans une couleur unie sur le paysage. – Douglas

+1

Gotcha. Cela a un sens parfait. Les recherches cursives pour la soustraction de polygones m'ont amené à cela, bien qu'il n'y ait pas d'implémentation de JS - http://www.cs.man.ac.uk/~toby/alan/software/ – pp19dd

Répondre

1

SVG Compositing spécification décrit les opérations de compositing (propriété comp-op), mais ils ne sont pas actuellement pris en charge par un navigateur.

Voici un example que vous pouvez essayer, mais pour l'instant, cela ne fonctionne pas dans Chrome ou Firefox. Clipping peut fonctionner dans certains cas, mais il ne permet pas de faire l'effet knock-out. D'autre part, les opérations canvas compositing sont entièrement prises en charge, vous pouvez donc essayer d'utiliser le canevas pour votre jeu. En revanche, canvas compositing

Voici un game-like example que j'ai fait en utilisant le compositing de toile.

Questions connexes