2011-10-07 14 views
11

Mi piacerebbe disegnare forme che sono intersezioni di cerchi usando RaphaëlJS. C'è una biblioteca là fuori per farlo già? Probabilmente funzionerà anche una libreria di percorsi SVG più generica, ma il mio google foo mi sta fallendo.Libreria RaphaelJS per trovare intersezioni di percorsi

mi piacerebbe disegnare forme come questi:

shapes

+0

C'è un motivo particolare per cui si desidera eseguire questa operazione a livello di programmazione? Ovviamente, programmi come inkscape hanno questa capacità e possono esportare il prodotto. – pp19dd

+0

Stavo giocando con un semplice gioco 2D con un paesaggio distruttibile, quindi volevo tagliarne alcuni a seconda delle azioni del giocatore. Dal momento che potevo farla franca con un solido colore di fondo, ho imbrogliato e ho solo disegnato le mie forme in un colore solido sul paesaggio. – Douglas

+1

Gotcha. Ha perfettamente senso. Le ricerche di ricerca per la sottrazione poligonale mi hanno portato a questo, anche se non esiste un'implementazione JS - http://www.cs.man.ac.uk/~toby/alan/software/ – pp19dd

risposta

1

SVG Compositing spec descrive le operazioni di composizione (di proprietà comp-op), ma non sono attualmente supportati da alcun browser.

Ecco uno example puoi provare, ma al momento di scrivere questo non funziona in Chrome o Firefox. Clipping può funzionare in alcuni casi, ma non consente di eseguire l'effetto knock out.

D'altra parte, le operazioni canvas compositing sono completamente supportate, quindi è possibile provare a utilizzare la tela per il gioco.

Ecco un game-like example realizzato utilizzando il canvas compositing.

Problemi correlati